Comment fermer un DropDown ? en JS

Salut,

Je ne vois pas trop où est le soucis, d'autant plus qu'un dropdown est extrêmement facile à réaliser en JS avec la librairie jQuery.

Après, pour ton soucis, tu ne passes à aucun moment la variable _hidediv à ta fonction showdiv(). De plus, _hidediv n'est modifiée nulle part, si bien que quoi qu'il arrive sa valeur sera null. Donc ton menu ne pourra pas se replier.

Avec jquery il suffit d'utiliser la method .toggle() et ca marche tous seul pour ce que tu veut faire. Tu peut paramétrer tous ca avec des fadeOut fadeIn etc etc
va voir ici

Exactement @Defy ! Et j'ajouterais que tu peux utiliser la fonction slideToggle() (http://api.jquery.com/slidetoggle/) pour avoir un effet "déroulant" plus sympathique.

Salut ! Si tu veux utiliser la méthode toggle de Jqeury uniquement pour ton dropdown, ne charge pas jquery. JavaScript permet de le faire en natif :

element.classList.toggle("class");

Ha, je ne connaissai pas, merci pour l'information earhater :-)

Tient si tu veux de la lecture à ce sujet ;) Je te conseille d'importer un shiv, c'est très léger à ça t'assurera la compatiblité IE 8 et 9. (il y a les liens dans l'article).
http://www.alsacreations.com/article/lire/1498-lapi-classlist.html

A partir de là tu peux utiliser des transitions CSS plutot que d'utiliser Jquery. Il est lourd et les animations JS sont moins fluides, je m'en passe totalement dans tous mes projets maintenant :)

N'hésite pas à passer ton sujet en résolu si tu as ce qu'il te faut ;)

dsl sa pas marcher

c'est quoi qui ne marche pas? Le code doit etre adapté a ta situation hein pas placé comme ca a l'arrache

mon code actuelle marche, le prôbléme c'est que quand je clique le menu ne veux pas ce fermée.

Ce qui est complétement normal ... Remplace ta fonction par ceci :

function _hidediv()
{
    var dp = div.style.display;
    if(dp == "block")
        div.style.display = "none";
    else
        div.style.display = "block";
}

dsl no marche mare de cherche pour un tous petit truc !