div会滑动但不会滑动

我试图使用toggle，slideUp和slideDown显示和隐藏一系列div。 我能够将div转换为slideDown，但我无法将其转换为slideUp。 我以前没有使用过这个脚本，所以我真的很困惑为什么这不起作用。 我已经包含了我的脚本和我试图显示和隐藏的div。

快速注意：当我在“隐藏的车辆”div中放置一个普通的旧p标签时，它工作正常。 它显示和隐藏像它应该的那样。 但是，当我把我的桌子放回那个div时，它没有用。

 $(document).ready(function() { $(".ShowVehicles").toggle(function() { $(".HiddenVehicles").slideDown(2000); $(this).text("Hide All"); }, function () { $(".HiddenVehicles").slideUp(2000); $(this).text("Show All"); }); }); 

 
 (there will be a giant table in here)  

Answer 1

我发布了这条建议作为评论，它有助于解决问题所以我在这里再次发布：

当slideUp / slideDown动画只能以一种方式工作时，它通常是一个定位错误。 您要设置动画的元素需要设置为position:relative或元素的子元素应用于它们并且不给父元素true height。

我会尝试将float:none添加到表中。 如果这不起作用，请尝试添加position:relative对于div#HiddenVehicles 。

Answer 2

对于没有浮动/定位问题的人，我发现从jQuery 1.10升级到1.11解决了这个问题。