Dans ce tuto jQuery en vidéo, nous allons voir comment animer la hauteur d'une liste d'éléments (articles, produits...) en cliquant sur un bouton. Nous gérerons aussi le cas ou l'internaute reclick sur celui-ci pour remonter le tout.
A la fin de ce tutoriel, je vous montrerai une bonne pratique pour organiser & éclaircir notre script jquery en créant quelques variables. Les sources de ce tuto sont fournies.
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Un bon petit tuto qui peut en effet servir. Le JS n'est pas trop ma tasse de thé, je connais très peu. Le fait que ce soit souvent bloqué dans les navigateurs, je crains toujours que ça ne fonctionne pas chez les autres. Il paraît qu'avec jQuery, ça fonctionne même si javascript est désactivé. J'ai des doutes. Ceci étant et comme toujours, toutes les explications sont là pour nous éclairer sur le pourquoi du comment. J'apprécie aussi beaucoup votre diction. On n'a pas besoin de tendre l'oreille, le débit de paroles et la prononciation sont idéales. Merci Adrien. :-)
-
Excellent tuto...les explications sont très claires. J'ai par contre un petit souci pour le mettre en pratique. J'ai voulu tester ce tuto en l'appliquant sur un
(au lieu de l'appliquer sur une liste)...la variable qui calcule la hauteur du
est erronée. Dois-je prendre un eprécaution particulière dans la définition css de mon
?
-
Très bien mené. Chaque étape est détaillée, et le coup des "alert" pour voir les variables est très appréciable.
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés