在DIV幻灯片上闪烁

Question

我有这个代码片段，用于切换div（向上/向下滑动）：

$('.menu').click(function () {
                var $clicked = $(this)
                            $('.menu').each(function () {
                                var $menu = $(this);
                                if (!$menu.is($clicked)) {
                                    $($menu.attr('data-item')).slideUp('slow');
                                }
                });
                $($clicked.attr('data-item')).slideToggle('slow');
 });

jQuery包含在它之前，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

但是，一旦div向下滑动，一些奇怪的flickr显示（div向下滑动超过它应该，它会闪烁，然后它的高度变得应该如此）。抱歉，如果我没有正确解释这一点。

控制台没有显示任何错误。 任何建议都会有所帮助！

P.S Jsfiddle https://jsfiddle.net/yz93a7h2/1/

Answer 1

它与<h1>标记的默认填充有关。您需要删除填充以解决此问题。

这是我添加的CSS：

h1 {
    margin: 0;
}

jsFiddle