消除滑动切换时的弹跳球效应

看起来好像有些循环，然后稳定下来。这个人在这个视频中也遇到了类似的问题：http://www.youtube.com/watch?v=KCFeImyBzfE 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>

那是因为之前的滑动效果还没有结束，所以排队等待多次触发。

Try the .stop()之前slideToggle()。这将删除之前的所有事件，然后触发新的事件。

Source

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