Question

我需要找到解决以下问题的方法：我需要创建一个按钮，单击该按钮将立即生成一个可见块以隐藏，另一个隐藏块可见。有什么建议吗？

提前谢谢你，干杯瓦尔特

Answer 1

这是一个如何做到这一点的例子。

<强> HTML

<button id="btnUpdate">Update</button>
<div class="type1">type 1</div>
<div class="type1">type 1</div>
<div class="type2 hidden">type 2</div>
<div class="type2 hidden">type 2</div>

<强>的JavaScript

$(function () {
    $('#btnUpdate').on('click', function () {
        event.preventDefault();
        $('.type1').hide();
        $('.type2').show();
    });
});

<强> CSS

.hidden {
    display: none;
}

演示：http://jsfiddle.net/BenjaminRay/d58erzqL/

我已经使用了.hide（）和.show（），但您也可以使用.toggle（）或使用.addClass手动添加/删除隐藏的类（＆＃39;隐藏＆＃39;）和.removeClass（＆＃39;隐藏＆＃39）。您还可以使用本机JavaScript功能并尝试：https://stackoverflow.com/a/21070237/4669143

有很多选择。

如何点击一下按钮隐藏并立即显示到框

1 个答案: