Fermer OnMouseOver menu déroulant

[Chronotest]

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

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

Ensuite dans mon fichier index.php

<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

<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

#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-]

Hello,

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

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

 

[Chronotest]

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-