Bonjour à tous et Joyeux Noel à Tous,


Bon j'ai un petit souci en HTML avec du CSS sur un menu dont j'ai récupéré le code sur Internet.
Vous trouverez en pièce jointe une image pour illustrer mon propos.
Mon menu va être stocké dans mon fichier Index. Les différents items de ce menu chargent les pages correspondantes dans un div 'content'. graçe à de l'Ajax.

Voici ma question de pur débutant : comment faire par conséquent pour que mon menu montre bien au visiteur le dernier menu ainsi que le sous menu cliqué.
Dans l'image on voit bien que par défaut je suis dans le 3ème menu et que le sous menu actif est le sous menu cliqué.
J'ai repéré le <ul class="current">, <div class="select_sub show"> ainsi que le <li class="sub_show"> mais après je suis perdu.

J'ai mis mon code HTML pour vous aider à m'expliquer comment faire.

Je ne vois pas comment modifier mon code dynamiquement puisque cette partie n'est pas censé "bouger".

Merci à vous et encore de joyeuses fêtes !!!


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
27
28
29
30
31
 
 
<ul class="select">
         <li><a href="#nogo"><b>MENU 2</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="select_sub">
<ul class="sub">
<li><a href="#nogo">Sous Menu 11</a></li>
<li><a href="#nogo">Sous Menu 22</a></li>
<li><a href="#nogo">Sous Menu 33</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<div class="nav-divider">&nbsp;</div>
 
<ul class="current">
<li><a href="#nogo"><b>MENU 2</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<div class="select_sub show">
<ul class="sub">
<li><a href="#nogo">Sous Menu 1</a></li>
<li class="sub_show"><a href="#nogo">Sous Menu 2 cliqué</a></li>
<li><a href="#nogo">Sous Menu 3</a></li>
</ul>
</div>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
 <div class="nav-divider">&nbsp;</div>