jQuery的toggleClass如果另一个元素是可见的

Question

我有一个项目使用jQuery 1.11.2.1

哪里这个jQuery语句，没有任何问题的工作：

$(document).ready(function() { 
    $(".clickme").click(function(){ 
     $("#menu").toggleClass("fixed", $($("#panel").is(":visible"))); 
     $("#panel").slideToggle(); 
    }); 
}); 

后，我搬到了jQuery的1.11.3.2 浏览器每当我点击“.clickme”按钮时会冻结，并要求我阻止挂起时间过长的脚本（jquery）。

我不得不删除可见状态以避免浏览器挂：

$(document).ready(function() { 
    $(".clickme").click(function(){ 
     $("#menu").toggleClass("fixed"); 
     $("#panel").slideToggle(); 
    }); 
}); 

问题是我需要检查#panel元素的可见性。

元素#panel默认状态为显示：无

问题存在于所有的浏览器，我可以检查。

Answer 1

第一个例子几乎是正确的，不同之处在于你将一个布尔值（从.is()）放入一个jQuery对象中。该布尔值需要直接作为toggleClass方法的参数。试试这个：

$(".clickme").click(function(){ 
    $("#menu").toggleClass("fixed", $("#panel").is(":visible")); 
    $("#panel").slideToggle(); 
}); 

More info on toggleClass()