jquery - jQuery从上到下和从下到上的幻灯片禁用按钮

我被jquery下拉菜单隐藏和显示而震惊，请查看下面的链接，在这里单击Jobs选项卡，然后单击任何子菜单按钮，它将显示超级子菜单，然后请单击“ ---”按钮，您会看到超级子菜单不会从下到上隐藏，而是会从右到左隐藏。

我正在寻找单击“ ---”按钮选项卡从上到下隐藏的超级子菜单，请指教吗？

JSBIN

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

最佳答案

单击.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