jQuery slideUp / slideDown问题

在制作jQuery滑块时遇到问题,我有一个显示相应信息的链接列表。 不同的链接有不同的内容,所以有不同的高度..

它有效,但我遇到的问题是当附加不同高度的新内容时,slideDown()滑动到前一个内容的高度(虽然新内容在那里!)然后猛然回到正确的高度? 此外,当发生这种情况时,我的“关闭”按钮不再起作用。

$('#timelineDataContainer').slideUp(400,function(){ $('#timelineData').queue(function(){ $(this).html('') .append('Some new content here....') .dequeue(); }); }); $('#timelineDataContainer').slideDown(); 

这是jFiddle的一个工作示例

http://jsfiddle.net/Xu6B4/9/

任何帮助,将不胜感激!

您正在调用SlideDown()而不等待SlideUp()完成。

这应该按预期工作: http : //jsfiddle.net/Xu6B4/12/