Suckerfish drop-down onclick

Question

Sur this page dans la colonne de droite sont quatre éléments nav. Le premier article de nav "Les Orioles de Baltimore", onmouseover montre 3 sous-nav items.

Comment est-ce que je peux me débarrasser de onmouseover et lui montrer les 3 sub na seulement quand l'utilisateur clique? J'ai ajouté onclick au script mais pas de chance.

Answer 1

Vous devez supprimer a: hover du CSS.

Answer 2

Voici le JS que j'utilise mais il ne fonctionne pas surClick.

http://www.ebenoit.com/client/EJB/suckerfish-dropdown.html

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#nav-one li").click(
    function(){ $("ul", this).slideDown("fast"); }, 
    function() { } 
    ); 
    if (document.all) { 
    $("#nav-one li").hoverClass ("sfHover"); 
    } 
    }); 

    $.fn.hoverClass = function(c) { 
    return this.each(function(){ 
    $(this).hover( 
    function() { $(this).addClass(c); }, 
    function() { $(this).removeClass(c); } 
    ); 
    }); 
    }; 
</script>