jQuery slideUp/slideDown问题

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

它可以工作，但我遇到的问题是，当附加不同高度的新内容时，slideDown（）会滑动到上一个内容的高度（尽管新内容在那里！），然后快速返回到正确的高度？同样，当这种情况发生时，我的“关闭”按钮不再工作

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

下面是JFIDLE的一个工作示例

---

任何帮助都将不胜感激

您正在调用SlideDown（）而不等待SlideUp（）完成

---

这应该可以像预期的那样工作：

另外，奇怪的是，如果在打开事件后按“关闭”，它的工作原理与预期的一样。没错，将SlideDown放在SlideUp的回调中。