闪烁的DIV幻灯片

我有一个用于切换DIV此代码段（幻灯片上/下）：闪烁的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/

来源

2015-10-28 This and that

请张贴它不是说，我试着用CSS打为好。菜单 – ggzone

所有的CSS属性。即使我将所有样式的菜单完全剥离，也会出现同样的情况，菜单比应该滑动的更多，闪烁，然后高度调整。任何机会我附上的代码是错误的？ –

也没有它的一个已知问题。只是想确保你的CSS没有位置，溢出或高度问题。你有没有尝试过一个更新的jQuery版本？也许他们在更高版本中修复它。你的看起来很老，我猜。如果不能改变它。使用jquery.animate并为高度设置动画。 – ggzone

它与<h1>标签的默认填充做。你需要删除填充来解决这个问题。

下面是我添加的CSS：

h1 { 
    margin: 0; 
}

jsFiddle

来源

2015-10-28 21:47:30

这是我在开始时尝试的，但它不是CSS。即使我从菜单中删除所有样式，闪烁仍然发生 –

您是否看到我的jsFiddle中的闪烁？ @Thisandthat –

我不知道我以前写过，如果我包括最新版本的jQuery，这个工作正常（但网站上的其他一些事情停止工作），所以我怀疑这是CSS问题 –

闪烁的DIV幻灯片

回答

相关问题