jQuery Accordion: problèmes de hauteur lors de l'utilisation de stop() pendant slideUp/slideDown -is data() une solution?

Question

Bonsoir à tous!

Je suis de nouveau coincé avec mon accordéon selfmade. J'ai un accordéon, avec semble essentiellement comme ceci:

<dl> 
<dt> <a href></a> </dt> 
<dd> Text </dd> 

<dt> <a href></a> </dt> 
<dd> Text </dd> 

<dt> <a href></a> </dt> 
<dd> Text </dd> 

<dt> <a href></a> </dt> 
<dd> Text </dd> 

<dt> <a href></a> </dt> 
<dd> Text </dd> 
</dl> 

Lorsque vous cliquez sur un lien, le précédemment caché dd juste derrière l'ancre slidesDown (respectivement lorsqu'un autre dd est visible, celui-ci slidesUp additionaly et si le dd juste derrière l'ancre est visible, il suffit de glisser-en d'autres termes: il n'y a qu'un seul des textes ouverts en même temps). Cela fonctionne plutôt bien, mais maintenant je suis coincé avec le problème suivant:

Lorsque vous cliquez plusieurs fois, les animations sont mises en file d'attente.

Ma solution consistait à utiliser .stop() avant le démarrage de l'animation. Fondamentalement cela fonctionne bien, mais cela cause un nouveau problème: la hauteur de l'élément est verrouillée à la valeur de l'animation est arrêtée et quand j'appelle à nouveau l'animation, elle ne s'estompe qu'à cette hauteur.

je cherché sur le web et il semble y avoir une solution, qui ressemble à ceci:

$("#elementId").data('origHeight',$("#elementId").height()); 

Cela devrait « stocker » la hauteur d'origine de l'élément et avec

$("#elementId").data('origHeight'); 

vous pouvez lire cette valeur. Mais je ne sais pas où mettre cela et comment cela fonctionne, si chaque élément de diapositive a une hauteur différente.

Si quelqu'un peut me aider avec ceci ou peut suggérer une autre façon, ce serait faire ma nuit totaly et les prochains jours

Answer 1

Utilisez .stop(true,true); (ref)