"toggleClass" dans mon accordéon

Question

J'ai écrit un script jquery here Mais il y a un problème dans la section $(this).toggleClass("active").next();. Avec cela, tous les tags d'en-tête seront dans la classe "active". Comment puis-je attribuer une classe "active" uniquement pour une étiquette cliquée? Merci à l'avance

Answer 1

Vous pouvez le supprimer de l'en-tête cliqués précédemment en appelant .removeClass() sur le .siblings(), comme celui-ci:

$(this).toggleClass("active").siblings().removeClass("active"); 

You can test it out here.