divはslideDownを行いますが、slideUpは行いません

Question

toggle、slideUp、およびslideDownを使用して一連のdivを表示および非表示にしようとしています。私はslideDownにdivを取得することができますが、私はslideUpにそれを取得することはできません。私はこのスクリプトを事故なく使用していたので、なぜこれが動作しないのか本当に混乱しています。私はスクリプトとdivを表示して隠そうとしています。

クイックメモ：通常の古いpタグを "hidden vehicles" 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> 

Answer 1

私はコメントとして、このアドバイスを掲載し、私はここに再びそれを掲示していますので、それは問題を解決するのに役立った：

ときslideUp/slideDownアニメーションだけの仕事を1つの方法では、しばしば位置決めバグです。アニメーション化する要素をposition:relativeに設定するか、要素の子にfloatが適用され、親要素に真の高さが与えられていないかのいずれかです。

float:noneをテーブルに追加しようとします。それでも問題が解決しない場合はposition:relativeをdiv#HiddenVehiclesに追加してみてください。

Answer 2

フロート/位置決めの問題がない人にとっては、jQuery 1.10から1.11へのアップグレードが問題を解決したことがわかりました。