Jquery : cacher et faire apparaitre un DIV

Je cherchais à cacher et faire apparaitre des <DIV>s en Jquery, avec un effet accordéon.

J’ai trouvé mon bonheur sur cette page. J’ai du modifier le script pour le faire correspondre à mes besoins (plusieurs div à maquer et afficher lors d’une action), mais le principe reste le même.

L’idée est dans un premier temps cacher tous les éléments avec la fonction .hide().

Ensuite rendre le div du titre cliquable ; fonction .click()

Une fois cliqué, on déclenche l’action .slideToggle (qui va afficher un élément masqué et inversement), puis cacher tous les autres div de la sélection.

Cela permet de bien réviser ses sélecteur Jquery : .next et .siblings !

Comments are closed.

Proudly powered by WordPress
Theme: Esquire by Matthew Buchanan.