Suckerfishドロップダウンオンクリック

Question

右欄のthis pageは、 の4つのナビゲーションアイテムです。最初のナビアイテム「The Baltimore Orioles」onmouseoverは、3つのサブナビアイテムを表示します。

私はonmouseoverを取り除き、ユーザーがクリックすると3つのサブナノが表示されますか？私はスクリプトにonclickを追加しましたが、運はありません。

Answer 1

CSSからa：hoverを削除する必要があります。

Answer 2

以下は私が使用しているJSですが、onClickでは動作しません。

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>