sous sous menu

[Ahmed Rouissi, modifié il y a 10 années.]

Bonjour à tous !!
J'ai un menu principal affiché horizontalement. Lorsque je survol l'un des item de mon menu, j'ai un premier sous menu qui s'affiche. Ce que je voudrai faire, c'est afficher un sous-sous menu lorsque je survol l'un des item de mon sous menu. Pour le moment ce qu'il se passe, c'est que mon sous-sous menu s'affiche en même temps que mon sous menu. je ne sais pas trop d'ou vient mon problème. Si quelqu'un pouvait m'aider sa serai vraiment génial
Voici mon code :

<div id="navigation" class="sort-pages modify-pages">
     <ul>
         #foreach ($nav_item in $nav_items)
             #if ($nav_item.isSelected())
                 #set ($nav_item_class = "selected")
             #else
                 #set ($nav_item_class = "")
             #end

            <li class="$nav_item_class">
                <a href="$nav_item.getURL()" $nav_item.gettarget()><span>$nav_item.getName()</span></a>

                #if ($nav_item.hasChildren())
                    <ul class="child-menu">
                        #foreach ($nav_child in $nav_item.getChildren())
                            #if ($nav_child.isSelected())
                                #set ($nav_child_class = "selected")
                            #else
                                #set ($nav_child_class = "")
                            #end

                            <li class="$nav_child_class">
                                <a href="$nav_child.getURL()" $nav_child.gettarget()>$nav_child.getName()</a>
                        #foreach ($nav_child_1 in $nav_child.getChildren())
                            #if ($nav_child_1.isSelected())
                                #set ($nav_child_class = "selected")
                            #else
                                #set ($nav_child_class = "")
                            #end

                            </li><li class="$nav_child_class">
                                <a href="$nav_child_1.getURL()" $nav_child_1.gettarget()>$nav_child_1.getName()</a>
                        #foreach ($nav_child_2 in $nav_child_1.getChildren())
                            #if ($nav_child_2.isSelected())
                                #set ($nav_child_class = "selected")
                            #else
                                #set ($nav_child_class = "")
                            #end

                            </li><li class="$nav_child_class">
                                <a href="$nav_child_2.getURL()" $nav_child_2.gettarget()>$nav_child_2.getName()</a>
                            </li>
                        #end
                            
                        #end 
                            
                        #end
                   </ul>
                #end
            </li>
        #end
    </ul>
</div>