jQuery的slideUp / slideDown的奇怪问题

Question

我在网站上使用以下代码：

  // show tracks
  $('.content-playlist .track p').live('click', function() {
    var player_handle = $(this);
    $('.content-playlist .track .player').slideUp('slow', function() {
      player_handle.next().slideDown('slow');
    });
  });

首先应该关闭网站上的任何音乐播放器（如果有），然后打开选定的音乐播放器。

单击第一首曲目按预期的方式工作。

但是我有一个奇怪的问题：

单击第三个轨道时，它会打开，关闭并再次打开。 （不是我想要的）

一个示例是在线@： http ： //www.psykotaktyle.com/index.php？ page = playlist

我只是无法找出我的代码出了什么问题。 任何帮助深表感谢！

编辑

经过Chrome（v13），IE9和FF4测试

Answer 1

演示

$('.player').hide();
$('.content-playlist .track p').live('click', function() {
    $('.player:visible').slideToggle(600);
    $(this).next('.player').slideToggle(600);
});

Answer 2

这听起来像http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup中所述的动画排队

尝试：

$('.content-playlist .track .player').stop().slideUp('slow', function() {
      player_handle.next().stop().slideDown('slow');
    });