jquery - 使用切换时检查 div 是否隐藏

Question

我正在使用切换功能，这样当我单击按钮时，会显示一个 div，当我再次单击该按钮时，它会隐藏。但问题是我在 div 中还有一个关闭 div 的关闭按钮，这意味着当我单击该按钮时，切换不完整，当我尝试通过该切换按钮再次打开 div 时，首先它会完成切换意味着再次隐藏已经隐藏的div，然后再次显示它，有什么解决方案吗？

$(".stngs").toggle(function() {
    $(".stngsubmenu").css({
        display: 'block'
    });
}, function() {    
    $(".stngsubmenu").css({
        display: 'none'
    });
});​

Answer 1

根据http://api.jquery.com/toggle/您可以将 bool 值传递给切换按钮

$(".stngs").toggle($(".stngsubmenu").is(':visible'));

或

$(".stngs").toggle($(".stngsubmenu").is(':hidden'));

true 将显示元素， false 将隐藏 .is()函数将返回一个 bool 值

$(".stngsubmenu").is(':visible')//<-- 如果可见则返回 true

$(".stngsubmenu").is(':hidden')//<-- 如果隐藏则返回 true

http://jsfiddle.net/wirey00/KXPBq/