jquery - 消除滑动切换上的弹跳球效果

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

那是因为之前的滑动效果还没有完成，所以要排队多次触发。

在. .stop()_ slideToggle()这将删除任何以前的事件，然后触发一个新事件。

来源

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