DIV会了slideDown但不会效果基本show

Question

我试图显示和隐藏的一系列肘节使用，效果基本show和了slideDown的div。我能够得到div来了slideDown，但我不能得到它的效果基本show。之前，所以我，为什么这不工作真糊涂我已经使用这个脚本没有发生任何事件。我已经包括了我的剧本，我试图显示和隐藏DIV。

快速注：当我把一个普通的旧p标签中的“隐车”分区，它工作得很好。它显示和隐藏像它应该。然而，当我把我的桌子搬回到该分区，它没有工作。

<script type="text/javascript">
$(document).ready(function() {
    $(".ShowVehicles").toggle(function() {
        $(".HiddenVehicles").slideDown(2000);
        $(this).text("Hide All");
    }, function () {
        $(".HiddenVehicles").slideUp(2000);
        $(this).text("Show All");                
    });
});

<div class="HiddenVehicles" style="display:none; width:730px;">
    (there will be a giant table in here)
    </div>

Answer 1

我张贴了这个建议作为一个评论，它有助于解决这个问题，所以我在这里再次张贴：的

当效果基本show /了slideDown动画只能工作的一种方式，它常常是定位错误。无论您是需要动画的元素被设置为position:relative或元素的孩子已经应用到他们float并没有给父元素真正的高度。

我会尝试添加float:none到表中。如果不起作用尝试加入position:relative到div#HiddenVehicles。

Answer 2

有关那些没有浮动/定位的问题，我发现升级从jQuery的1.10至1.11解决了这个问题。