Bonjours tout le monde,

Je viens vous demander un coup de main pour un menu en accordéon que j'essais de mettre en place sur mon site.

Plutôt que de vous passer le code et vous laissez me résoudre tout mes problèmes je souhaiterais avancer à mon rythme avec votre aide dés que cela vous est possible.

Actuellement je bloque sur le fait de pouvoir sélectionner une classe présente dans un chacun des objets que je cible (un peu coton à expliquer en faite... je ne trouve pas mes mots), voila un code (qui ne marche pas qui expliquera mieux que des mots je pense) :

$(document).ready(function(){

_$( ".accordion .first-lvl" ).each(function(){

__//quelques instructions

__$("sub-menu").each()){

___//faire quelque chose mais seulement sur les sub-menu de ce first-lvl.

__}

_});

});

(les underscors ne sont la que pour la mise en page)

Je vous remercie d'avance pour l'aide que vous pourrez m'apporter.

(Pardon pour le titre, je pensais le remplir par la suite et j'ai complètement zappé...)

A l'intérieur de ton premier "each" tu as accès à "this" qui correspond au ".accordion .first-lvl" en cours de traitement

Tu peux ensuite utiliser this dans tes selecteurs
Ici : $(".sub-menu", this) te permettra de récupérer tous les .sub-menu à l'intérieur de this

Parfait!!!

Un grand merci à toi

Je reviendrais pour la suite si ça pose problèeme

Bon bah.....

Je bloque x[

$(document).ready(function(){
$(".accordion .first-lvl").each(function(){
$(".sub-menu", this).each(function(){
var hauteur = $(this).height();
});
});

$(".accordion .first-lvl").click(function(){
$(".accordion .first-lvl:target .sub-menu").animate({height: 0}, 1500 );
$(".accordion .first-lvl:target").removeClass('active');
$(this).addClass('active');
$(".sub-menu", this).show();
});
});

A force de tout tourner dans tout les sens je sais même plus ou j'en suis

Je ne sais plus quoi faire, l'annimation ne fait pas du tout ce que je veux, je ne sais pas comment récup la hauteur que j'avais récup au début... Bref, j'ai besoin d'un coup de main :S

Tu peux mettre ton code (html / js / css) sur un site comme http://jsfiddle.net/ parce que j'ai un peu de mal a visualiser à quoi correspond chacun des selecteurs

Voila:

http://jsfiddle.net/CntDU/2/

(merci pour le site au passage, vraiment pratique :P )

J'ai fais quelque modifications qui me rapproche de ce que je souhaite:
http://jsfiddle.net/CntDU/7/