Bonjour, je suis nouveau en jquery et j'ai un problème pour cacher/afficher certaines DIV.
Ci-dessous, un bout de code pour expliquer l'idée. En fait, j'ai plusieurs DIV de class N1, N2 et N3. Il peut y en avoir plus (ex : N4, N5, Nx).
Dans ma fonction jquery, je cache toutes les DIV sauf la N1 qui est la base des mes chapitres.
Ce que je voudrais faire, c'est que, quand je clique sur la DIV N1, il ne m'affiche que les DIV N2 jusqu'à la prochaine div N1. Et ainsi de suite... quand je clique sur la DIV N2, il ne m'affiche que les DIV N3 jusqu'à la prochaine div N2.
Avec ma fonction, quand je clique sur N1, il me deploie bien toutes les N2 jusqu'à la prochaine N1 mais aussi les N3 que je ne veux pas voir(sauf si je clique sur N2).
Est-ce que quelqu'un pourrait m'aider.

Merci d'avance.

Voilà mon code HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div class="N1">Niveau 1</div>
      <div class="N2">BlaBla niveau 2</div>
           <div class="N3">BlaBla niveau 3</div>
     <div class="N2">Autre blabla niveau 2</div>
           <div class="N3">Encore du blabla dans la balise de niveau 3</div>
<div class="N1">Ici une autre balise de Niveau 1</div>
     <div class="N2">la une balise de niveau 2</div>
           <div class="N3">Et la, toujours du BlaBla niveau 3</div>

Ma fonction Jquery ressemble à ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
$(function() {
        // Cacher les div N2 et N3.
	$(".N2,.N3").hide();
	// Cacher/afficher des div sur click.
	$(".N1").click(function() {
		$(this).nextUntil(".N1").slideToggle("fast");
		$(this).toggleClass("expand");
	});
    });