jQuery commutateur coulissant

Question

Est-il possible de le faire avec jQuery

$(this).toggle(
    "slide", 
    { 
     direction: 'up', 
     duration: 'slow', 
     easing: 'easeOutQuart' 
    } 
); 

, mais sans le « bloc » le premier espace? En l'état, j'ai une liste d'éléments, et si vous cliquez sur un nom, il agrandit une section verticalement. Malheureusement, il ouvre d'abord un grand bloc d'espace vide pour faire place à l'animation.

Existe-t-il un moyen de faire cette animation où la boîte se développe à mesure que le contenu se développe, semblable à «aveugle»?

- -

Voici un exemple de structure, mais il n'utilise pas l'animation de diapositives, mais l'animation aveugle.

Answer 1

J'ai légèrement changé le JavaScript de l'exemple. Maintenant, le contenu glisse dans le bon sens ...

$('.trials h4').bind(
    'click', 
    function() { 
      $(this).parents(".trials").children(".trial_container").slideToggle('slow'); 
       return false; 
});