Question

我对jquery下拉菜单隐藏和显示感到震惊，请查看下面的链接，在这里请点击工作选项卡，然后点击任何子菜单按钮，它会显示超级子菜单，然后请点击“ - - “按钮，你可以看到超级子菜单不会从下到上隐藏，而不是从右到左隐藏..

点击“---”按钮标签时，我看着晚餐子菜单从下到上隐藏，请指教？

注意：应该在jsbin上启用自动运行JS，否则下拉将不会启用...

Answer 1

点击.slideUp()链接按钮，使用.hide()而不是#collapse尝试此操作：

$('#collapse').click(function(e) {
    e.preventDefault();
    if($(this).hasClass('active') == 0){
       $(this).hide(300);
       $('.submenu li a').removeClass('active');
       $('.all-menu').slideUp(300);
       $('.all-menu-new').slideUp(300);
       $('.all-menu-unass').slideUp(300);   
       $('.new-menu').slideUp(300);
       $('.all-menu-active').slideUp(300);
    }else{
      // $('.all-menu-unass').show(300);    
    }
});

JSBIN

Answer 2

我已检查过您的链接，您的代码工作正常且完美，问题不在于您的代码，而是使用您的浏览器，尝试不同的浏览器，我已经使用最新的Chrome浏览器测试了您的代码，它运行正常，点击“ ----“按钮超级子菜单从下到上隐藏

Jquery从上到下，从下到上滑动，取消激活按钮

2 个答案: