使用切换时检查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/,你可以将一个布尔值传递给切换

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

要么

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

true将显示element,false将隐藏.is()函数将返回布尔值

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

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

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