jquery - jQuery show()和hide()在同一循环中

我有以下代码，我需要显示或隐藏面板。我的问题是，show（）仅适用于替代点击。

var allPanels = $(".panel");
allPanels.hide(2000);
allPanels.show();

我想知道为什么show（）不能始终如一地工作的原因。

最佳答案

这不起作用，因为您在.hide(2000)中设置了时间。您必须以以下方式编写：：

的HTML

<div class="panel" >This is a DIV</div>
<button type="button" class="buttonClick" >Click me</button>

JQUERY

$(document).ready(function (e) {
    $(document).on('click', '.buttonClick', function () {
        var allPanels = $(".panel");
        allPanels.hide(2000, function(){
            allPanels.show();
        });
    });
});