slidetoggle

Question

पर बाउंसिंग बॉल प्रभाव को हटा दें ऐसा लगता है कि यह कुछ के लिए एक लूप में है और फिर यह स्थिर हो जाता है। इस वीडियो में इस व्यक्ति की एक ही समस्या थी: http://www.youtube.com/watch?v=KCFeImyBzfE

इसके अलावा, इस कोड के साथ एक और समस्या यह है कि एक बार जब आप ट्रैकलिस्ट दिखाते हैं, तो इसे दोबारा छुपाएं, शब्द टॉगलिंग बंद हो जाते हैं। यह "छुपा ट्रैकलिस्ट" कहता है और वे पहले ही छिपे हुए हैं।

<script type="text/javascript"> 
$(document).ready(function() { 
    $('.fullTracks').hide(); 
    $('.tracklist').click(function() { 
     $('.fullTracks').slideToggle('medium'); 
     if ($('.fullTracks').is(':hidden')) { 
     $(this).text('Show Tracklist'); 
     } else { 
     $(this).text('Hide Tracklist'); 
     } 
    }); 
}); 
</script> 

Answer 1

ऐसा इसलिए है क्योंकि पिछला स्लाइडिंग प्रभाव अभी तक समाप्त नहीं हुआ है, इसलिए यह कई बार निकाल दिया जाता है।

slideToggle() से पहले .stop() आज़माएं। यह किसी भी पिछले घटनाओं को हटा देगा और फिर एक नया आग लग जाएगा।

स्रोत

http://api.jquery.com/stop/