Fermer OnMouseOver menu déroulant

Chronotest

Nouveau WRInaute
Hello,

J'ai mis en place un menu qui charge une div d'un fichier externe, tout se passe bien. Sauf que je n'arrive pas à garder le menu actif tant que le clic est dessus. Si je mets un OnMouseOut après le OnMouseOver, le menu reste actif seulement si mon curseur ne bouge pas. Je voudrais pouvoir circuler dans le menu déroulé sans qu'il se ferme et si mon curseur sort, alors qu'il se ferme.

Voici la fonction .js

Code:
function AllTags(){$("#slickbox").load("url/cloudy.php",function(){$("#slickbox").slideToggle(400)})}


Ensuite dans mon fichier index.php

Code:
<div class="menu-liste">
<ul class="nav">
<li class="cat">
<a href="#" class="categories" onmouseover="AllTags();">Jeux</a>
</li>
</ul>
<div id="slickbox"></div>
</div>

La Div externe se construit ainsi

Code:
<div class="menu-box">
<div class="tag_top">
<ul>
<li><a href="url" title="titre">titre</a></li>
<li><a href="url" title="titre">titre</a></li>
</ul>
</div>
</div>

Puis dans mes .css

Code:
#slickbox { display:none; }
.menu-box { margin: 10px 10px 5px 10px; background: #fff;border-radius:5px;text-align: left; overflow: hidden; margin-top: 10px; }
.tag_top { padding: 5px 0 30px 80px; }
.tag_top ul li { width: 150px; color: #2d9cdc; float: left; font-size: 16px; list-style-type:none; }
.tag_top ul li a { color:#333333; }
 
.tag_col { padding: 0 25px 20px 17px;float: left;color:#333333; }
.tag_col a { color:#1a77b5; }

Si vous pouvez m'aider à résoudre ce casse tête .. merci beaucoup
 

-Romu-

WRInaute occasionnel
Hello,

Tu as une url pour comprendre un peu mieux ton raisonnement ?

As tu essayé :
#menu-liste:hover #slickbox { display:block; }
 

Chronotest

Nouveau WRInaute
Je pense que le plus simple c'est de passer 1h à tout retaper en .css, la j'ai tout essayé et ça tourne à l'usine à gaz le Js à déployer pour faire un truc tout bête.

Merci @-Romu-
 

Discussions similaires

Haut