消除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

这是因为之前的滑动效果尚未完成,因此排队等待多次.

试试.stop()之前的slideToggle().这将删除所有先前的事件,然后触发一个新事件.

资源

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