jqueryif（可见）/else

以下是我的情况：首先，当加载页面时，我隐藏菜单“menu（2a，3a，4a，5a，6a）”并删除我隐藏“menu1b”的“menu1a”。然后我想点击一个按钮，检查“menu1a”是否可见，并运行一个条件，所以当我再次点击他时，如果条件不应该发生，因为按钮中应该隐藏它

以下是Html：

        <div class="main">
            <div class="menu" id="menu1a"></div>
            <div class="menu" id="menu1b"></div>
            <div class="menu" id="menu2a"></div>
            <div class="menu" id="menu2b"></div>
            <div class="menu" id="menu3a"></div>
            <div class="menu" id="menu3b"></div>
            <div class="menu" id="menu4a"></div>
            <div class="menu" id="menu4b"></div>
            <div class="menu" id="menu5a"></div>
            <div class="menu" id="menu5b"></div>
            <div class="menu" id="menu6a"></div>
            <div class="menu" id="menu6b"></div>
        </div>

---

更新：如果条件被忽略。。。每次我点击菜单时，它都是“页边空白顶部”，似乎#菜单1a一直可见

---

提前感谢：）

有什么问题吗？更新：如果条件被忽略。。。每次我单击菜单时，它都是“页边空白顶部”，似乎#menu1a总是可见的。您的单击方法不在ready函数中。@user2136984当然，它总是可见的，或者您希望从

$（'#menu1a'）.show（）中看到什么在您的点击处理程序中？
$(document).ready(function() {
          $('.container2').hide();
          $('.container3').hide();
          $('.container4').hide();
          $('.container5').hide();
          $('.container6').hide();
          $('#menu1b').hide();
          $('#menu2a').hide();
          $('#menu3a').hide();
          $('#menu4a').hide();
          $('#menu5a').hide();
          $('#menu6a').hide();
});
$('#menu2b').click(function(){
if($('#menu1a').is(':visible'))
    {
        $('.main').delay(50).animate({marginTop : "-=160px"},{duration: 1000});
        $('.footer').delay(220).animate({marginTop : "-=150px"},{duration: 1000});
        $('.container2').animate({marginTop : "-=90px"},{duration: 0}).delay(200).show(0).slideUp(0).slideDown(150);
    }
      $('#menu1a').show();$('#menu1b').hide();
      $('#menu2a').hide();$('#menu2b').show();
      $('#menu3a').hide();$('#menu3b').show();
      $('#menu4a').hide();$('#menu4b').show();
      $('#menu5a').hide();$('#menu5b').show();
      $('#menu6a').hide();$('#menu6b').show();
});