11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous!!

Je fais un menu en jquery pour m'exercer un petit peu (voire beaucoup Smiley lol )

J'ai un slideDown et un slideUp et ça coince
Je m'explique

Le slideDown et le slideUp fonctionne bien
Sauf que je peux pas mettre le curseur sur mon sous menu car le hover est sur le lien de mon onglet
Ca je le comprends très bien

Mais je ne sais absolument pas comment corriger cette erreur
J'ai tenté avec un stop() mais en vain

Voici le code xhtml

<ul class="le_menu" style="margin:0px;">
    	<li style="width:114px; list-style:none; margin:0px; padding:7px 0px 0px 0px; float:left;">
            <a href="#accueil" class="accueil" >Accueil</a>
            <div style="clear:both;"></div>
                <ul id="accueil">
                    <li>test</li>
                    <li>test</li>
                    <li>test</li>
                    <li>test</li>
                    <li>test</li>
                    <li>test</li>
              </ul>
        </li>
</ul>


et le jquery

$(document).ready(function() {
$(".le_menu li a").hover(function() {
$(this.hash).stop().slideDown();
return false;
					 },
function() {
$(this.hash).slideUp();					
					 
					});
});


Donc ce que je souhaiterai c'est que quand ça se slideDown je puisse quand même rester sur mon sous menu alors que dans mon code ça se slideUp (étant donné que je ne suis plus sur le lien de mon onglet)

Quelqu'un pourrait il m'aider?

Merci
Je pensais qu'avec le "hash" c'était possible
Entre temps j'ai cherché et, comme dans ton lien,, je dois plutot mettre un find("ul")