Suckerfish 드롭 다운 클릭 내역

Question

오른쪽 열의 this page은 개의 네비게이션 항목입니다. 첫 번째 항해 아이템 "볼티모어 오리올스"onmouseover는 3 개의 하위 항해 아이템을 보여줍니다.

어떻게하면 onmouseover를 없애고 사용자가 클릭 할 때만 3 sub na를 표시합니까? 나는 스크립트에 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>