这些边距/填充是从哪里来的

Question

示例：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);
    });
});

Answer 1

已将问题追溯至ul.sub-menu的display:inline-block;应为display:block;。

http://jsfiddle.net/6a3eZ/53/

Answer 2

从#menu...or中删除固定的位置，改为位置:相对；

#menu{
 position:relative;
}