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') //＆lt; - 如果可见

将返回true

$(".stngsubmenu").is(':hidden') //＆lt; - 如果隐藏

将返回true

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

Answer 2

您可以使用以下内容检查是否隐藏了某些内容

if ( $('#mydiv').is(':hidden') ) {
    //do something
}

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

2 个答案: