文章/答案/技术大牛

发布

社区首页 >问答首页 >取消激活按钮时，Jquery从上到下滑动，从下到上滑动

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

Stack Overflow用户

提问于 2014-05-22 14:57:13

回答 2查看 277关注 0票数 0

我被jquery下拉菜单隐藏并显示了，请查看下面的链接，在这里请点击作业选项卡，然后点击任意子菜单按钮，它将显示超级子菜单，然后请点击“-”按钮，你可以看到超级子菜单不会从下到上隐藏，而是从右到左隐藏。

我看着超级子菜单从下到上隐藏在点击“-”按钮选项卡，请指教？

JSBIN

注意:需要在jsbin中开启自动运行JS，否则下拉不会开启...

jquery

html

css

回答 2

Stack Overflow用户

发布于 2014-05-22 15:07:47

点击你的#collapse链接按钮，用.slideUp()而不是.hide()尝试一下：

$('#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

票数 1

Stack Overflow用户

发布于 2014-05-22 15:09:31

我已经检查了你的链接，你的代码运行得很好，问题不是你的代码，而是你的浏览器，试试不同的浏览器，我已经用最新的chrome浏览器测试了你的代码它工作正常，点击“-”按钮超级子菜单从下到上隐藏

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23799808

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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