div स्लाइड डाउन हो जाएगा लेकिन यह स्लाइड नहीं करेगा

Question

मैं टॉगल, स्लाइडअप और स्लाइडडाउन का उपयोग करके divs की एक श्रृंखला को दिखाने और छिपाने का प्रयास कर रहा हूं। मैं divDown को div प्राप्त करने में सक्षम हूं लेकिन मैं इसे स्लाइडअप पर नहीं ले सकता। मैंने पहले इस घटना के बिना इस स्क्रिप्ट का उपयोग किया है, इसलिए मैं वास्तव में उलझन में हूं कि यह क्यों काम नहीं कर रहा है। मैंने अपनी स्क्रिप्ट और div को शामिल किया है जिसे मैं दिखाने और छिपाने का प्रयास कर रहा हूं।

त्वरित नोट: जब मैंने "छिपा वाहन" 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 एनिमेशन केवल काम एक तरफ, यह अक्सर एक स्थिति बग है। या तो जिस तत्व को आप एनिमेट कर रहे हैं उसे position:relative पर सेट किया जाना चाहिए या तत्व के बच्चों को float उनके लिए लागू किया गया है और मूल तत्व को वास्तविक ऊंचाई नहीं दे रहे हैं।

मैं तालिका में float:none जोड़ने का प्रयास करूंगा। यदि यह काम नहीं करता है तो div#HiddenVehicles पर position:relative जोड़ने का प्रयास करें।

Answer 2

फ्लोट/पोजीशनिंग समस्याओं के बिना उन लोगों के लिए, मैंने पाया कि jQuery 1.10 से 1.11 तक अपग्रेड करने से समस्या हल हो गई है।