jquery - 当我单击按钮时隐藏

Question

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

JQuery 命令是一个简单的 .show

问题是<div>当我点击里面的一个按钮时隐藏起来，这个按钮应该打开另一个<div>来上传照片。按钮在<form>标签内，也许是这样？或者可能是 type='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>

查询：

$(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");
    });
});