Discussion :

[Cedbazoom]

Bonjour Tout le monde,

Voilà je suis en train de créer un menu en accordéon avec 2 niveaux qui s'ouvre et se ferme quand je clique dessus. Jusque là ça peut aller.

De plus un style est appliqué au menu spécifique à la page en cours.

Mon soucis est que lorsque je clique sur un lien de mon menu et que j'atteins la page du lien, mon menu se ferme entièrement. Voir l'exemple ci-dessous :


J'aimerais qu'il garde ouvert la section ou se trouve mon lien de la page en cours comme dans l'exemple ci-dessous :


Voici le script utilisé pour mon menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script>
(function( $ ) {
$( document ).ready(function() {
  $('#cssmenu > ul > li > a').click(function() {
    $('#cssmenu li').removeClass('active');
    $(this).closest('li').addClass('active');	
    var checkElement = $(this).next(); 
 
	if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
      $(this).closest('li').removeClass('active');
      checkElement.slideUp('normal');
    }
 
    if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
      $('#cssmenu ul ul:visible').slideUp('normal');
      checkElement.slideDown('normal');
    }
    if($(this).closest('li').find('ul').children().length == 0) {
      return true;
    } else {
      return false;	
    }		
  });
});
} )( jQuery );
</script>

Si vous pouvez m'aider et si vous avez une petit idée, ça serait super.

Merci d'avance en cas.