5

我正在尝试使用切换、slideUp 和 slideDown 显示和隐藏一系列 div。我可以让 div 滑到下，但我不能让它上滑。我之前使用过这个脚本没有发生任何事故，所以我真的很困惑为什么这不起作用。我已经包含了我的脚本和我试图显示和隐藏的 div。

快速说明：当我在“隐藏的车辆”div 中放置一个普通的旧 p 标签时，它运行良好。它像它应该的那样显示和隐藏。但是，当我将表放回该 div 时，它不起作用。

<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>
4

2 回答 2

3

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

当 slideUp/slideDown 动画仅以一种方式工作时，通常是定位错误。您正在制作动画的元素需要设置为，position:relative或者元素的子元素已float应用到它们并且没有为父元素提供真实高度。

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

于 2009-11-17T22:02:50.337 回答
0

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

于 2014-08-20T16:10:11.000 回答