5

トグル、スライドアップ、スライドダウンを使用して、一連の div を表示および非表示にしようとしています。divをslideDownにすることはできますが、slideUpにすることはできません。私は以前にこのスクリプトを問題なく使用したことがあるので、なぜこれが機能しないのか本当に混乱しています。スクリプトと、表示および非表示にしようとしている div を含めました。

クイック ノート: 通常の古い p タグを「hidden vehicle」div に配置すると、正常に機能しました。本来あるべき姿で見せたり隠したりしていました。ただし、テーブルをその 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

このアドバイスをコメントとして投稿しましたが、問題の修正に役立ったので、ここに再度投稿します。

スライドアップ/スライドダウン アニメーションが一方向にしか機能しない場合、多くの場合、配置のバグです。アニメートしている要素に設定する必要があるか、要素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 に答える