示例:http://jsfiddle.net/6a3eZ/46/
当点击“MISC”或“MISC2”时,它们各自的菜单会滑动打开。然而,这并不顺利;在最顶部,有一些奇怪的边距或填充会被动画化,使菜单滑动动画停止一会儿,而某些不明的东西会被动画化,然后突然打开/关闭。
似乎无法找到原因。非常感谢。
jQuery(document).ready(function ($) {
jQuery('.menu ul').slideUp(0);
jQuery('.menu li.sub').click(function () {
var target = jQuery(this).children('a');
if(target.hasClass('menu-expanded')){
target.removeClass('menu-expanded');
}else{
jQuery('.menu-item > a').removeClass('menu-expanded');
target.addClass('menu-expanded');
}
jQuery(this).find('ul:first')
.slideToggle(2000)
.end()
.siblings('li')
.find('ul')
.slideUp(2000);
});
});
最佳答案
已将问题追溯到 ul.sub-menu
的 display:inline-block;
应改为 display:block;
。
关于jquery - 这个边距/填充从哪里来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16731711/