jQuery tema slideUp / slideDown

Question

estado teniendo problemas para hacer un control deslizante jQuery, tengo una lista de enlaces que revelan la información correspondiente. Diferentes eslabones tienen un contenido diferente, por lo que tienen diferentes alturas ..

Funciona, pero el problema que estoy teniendo es cuando el nuevo contenido de una altura diferente se adjunta, el slideDown () se desliza a la altura del contenido anterior (aunque el nuevo contenido está ahí!) Entonces tirones atrás a la correcta ¿altura? También cuando esto sucede mi botón de 'cerrar' ya no funciona.

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

Aquí está un ejemplo de trabajo de jFiddle

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

Cualquier ayuda se agradece!

Answer 1

que está llamando la slideDown () sin esperar a que slideUp () a fin.

Esto debería funcionar como se esperaba: http://jsfiddle.net/Xu6B4/12/