Javascript jQuery在任一div可见时隐藏

我有2个最初隐藏的

div

s

<div id="whistle" style="display:none;">
<div id="lean" style="display:none;">

我的jQuery代码只允许同时打开

#whist

或

#lean

div，它们的按钮将隐藏另一个

我目前的代码也隐藏了

#me

div，但我现在希望

#me

div在

#whist

和

#lean

关闭时重新打开

如果您想查看该站点，链接是maxdev.tk

jQuery代码是

$(document).ready(function(){
    $("#calc").click(function(){
        $("#whistle").hide(600);
        $("#lean").toggle(900);
});
});

$(document).ready(function(){
    $("#whi").click(function(){
        $("#lean").hide(600);
        $("#whistle").toggle(900);
});
});

---

将此代码添加到任何按钮单击功能的末尾

if( !$('#whistle').is(':visible') && !$('#lean').is(':visible') ) {
      $('#me').css("display","block"); // or use .show();
} else {
      $('#me').css("display","none"); // or use .hide();
}

---

这是解决问题的一种方法。在这篇文章的末尾也可以找到它作为一支笔

$（文档）.ready（函数（）{
函数回调（）{
if（$（'#Whists'）.hasClass（'hidden'）&&（$（'#lean'）.hasClass（'hidden'））{
$（'me'）.removeClass（'hidden'）；
}否则{
$（'me'）.addClass（'hidden'）；
}
}
$（'button[data for=whistle]'）。在（'click'，function（）上{
$（“#哨子”）.toggleClass（'hidden'）；
$（'#lean'）.addClass（'hidden'）；
回调（）；
});
$（'button[data for=lean]'）。在（'click'，function（）上{
$（'#lean'）。toggleClass（'hidden'）；
$（'#whist'）.addClass（'hidden'）；
回调（）；
});
})

。隐藏{
不透明度：0；
身高：0；
溢出：隐藏；
填充：0；
}
div{
背景色：#ccc；
边界半径：25px；
边缘顶部：20px；
填充：50px；
文本对齐：居中；
过渡时间：0.4s；
宽度：50%；
}

吹口哨
倾斜
吹口哨
靠！
我

能否请您将JavaScript代码添加到问题中。当您试图打开

#me

块时，您遇到了什么问题？在@RoryMcCrossan中，我将jQuery添加到了问题中。@Barmar我没有任何代码可以重新打开

#me

$（“#me”）。show（）

就可以了，问题是什么？我在回答中使用了您的代码来构造一个类似的工作示例。这正是我所需要的！不幸的是，它不能正常工作。如果你不介意查看的话，我在这里做了一支笔：问题是它不会重新打开

\me

，也不会打开

\whist

和

\lean

不能多次切换。好吧，你必须自己投入一些工作。因此，请尝试理解工作示例，了解代码的不同之处，并学习如何使其适应您的需要！

if( !$('#whistle').is(':visible') && !$('#lean').is(':visible') ) {
      $('#me').css("display","block"); // or use .show();
} else {
      $('#me').css("display","none"); // or use .hide();
}