jQuery slideUp/slideDown issue

Question

У меня проблема с созданием слайдера 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/

Любая помощь будет оценен по достоинству!

Answer 1

Вы вызываете SlideDown(), не дожидаясь завершения SlideUp().

Это должно работать, как и ожидалось: http://jsfiddle.net/Xu6B4/12/