Toutes les clefs pour réussir dans le e-commerce

Mes modules Prestashop

jquery.animate avec height auto

Normalement il n’est pas possible d’utiliser la fonction ‘animate’ de jquery avec la valeur “auto” pour la hauteur d’un élément. Voici une petite fonction qui vous permettra de contourner ce problème.


function expandTarget(id) {
	var itemNode=$('#'+id);
	var curHeight = itemNode.height();
	itemNode.css('height', 'auto');
	var newHeight = itemNode.height();
	itemNode.height(curHeight);
	itemNode.animate({height: newHeight}, 500);
}

Le principe est simple:
on modifie la valeur de height en lui attribuant “auto” on récupère la valeur de la hauteur de l’élément que l’on stocke dans la variable newHeight. Puis on remet l’élément à l’état initial pour finalement appliquer l’animation.

Poster un Commentaire

Soyez le premier à commenter !

Recevoir un email pour
avatar
wpDiscuz