Question

所以，基本上我创建了一个<div>，并且在JQuery的帮助下，它只显示点击“register”按钮的时间。

JQuery命令是一个简单的.show

问题是<div>隐藏了我点击其中应该打开另一个<div>上传照片的按钮。该按钮位于<form>标签内，也许是这样？或者类型='image'的按钮可能与它有关？

第二个显示时，是否有任何方法可以让第一个<div>留下来？或者只是在点击其中的按钮后让第一个<div>停留？

这是一些代码。

HTML：

<div class='register-form-artist-js'>
<form>
    <span class='register-form-artist-image-button'> 
        Upload image: <br> <input type='image' class='register-form-image-artist-button' src='images/camera upload logo.png' />
    </span>
</form>
</div>

JQuery的：

$(document).ready(function(){
    $('.register-form-artist-js').hide();
    $('.register-type-artist').click(function(){
        $('.register-form-artist-js').show();
    });
});

这就是我展示第一个<div>的方式，我还没有创建上传照片<div>。我尝试使用图像按钮打开另一个<div>，但遇到了同样的问题。

Answer 1

$(document).ready(function(){
    $('.register-form-artist-js').hide();
    $('.register-form-artist-image-button').on("click",function(){
        $('.register-form-artist-js').show();
    });
});

Answer 2

试试这个：

$(document).ready(function(){
    $('.register-form-artist-js').css("display","none");
    $('.register-type-artist').click(function(){
       $('.register-form-artist-js').css("display","block");
    });
});

单击按钮<div>时，<div>隐藏

2 个答案: