如何修复.slideToggle过渡或动画

时间:2016-05-31 06:04:29

标签: jquery html css

我在汉堡菜单中使用.slideToggle它工作正常,但动画或过渡有点只是跳到这里一个链接不知道是什么问题。 http://markthatred.netau.net/

2 个答案:

答案 0 :(得分:2)

从你的css中删除它

*{-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

答案 1 :(得分:1)

您已将transition应用于您的css中的所有元素,这不是一个好主意,并且与jQuery .slideToggle()冲突。 将其从*选择器中移除,或在none选择器中明确指定nav

nav {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}