Toggle + Nav bar + Selector + Traversing = Belzébuth

Bonjour,

Horreur, Malheur, me voila à nouveau dans le monde merveilleux du Web. Je commence petitement un projet et autant je gère le backend autant pour le front c'est toujours difficile.

Voilà le problème, j'ai une série de div qui contiennent toujours les mêmes éléments. L'un des éléments est une barre de Navigation qui Affiche/Cache du contenu. Et quand j'ai une structure pas structuré ça marche bien avec siblings sinon ça marche pas. Voilà deux jours que je me tire les cheveux, j'ai pas du comprendre un truc. J'ai essayé tous les mots-clés basiquement sans résultat.

Voici un fiddle pour mieux cerner le problème. La premier bloc ne fonctionne pas, le second oui.

https://jsfiddle.net/Jdriele/vqmv066b/2/

J'ai fini par trouvé là réponse.
En fait on peut cumuler largement les "sélecteurs".
Donc maintenant ça dit quelque Chose de clair mon code :

Citation:

---

A partir de toi
Remonte
Trouve le div nommé "Content" qui suit
A l'intérieur de celui-ci à la class...

---

Code:

---

1 2 3 4 5 6 7 8

$(".choice").click(function() { $(this).parent().siblings(".content").find('.cChoice').toggle() $(this).parent().siblings(".content").find(".cDescription").hide() $(this).parent().siblings(".content").find(".cResult").hide() $(this).parent().siblings(".content").find(".cShare").hide() ; });

---

Merci à tous