Выпадение сосалки onclick

Question

В this page в правой колонке находятся четыре элемента навигации. Первый навигационный элемент «Балтимор Иволги», onmouseover, показывает 3 элемента sub nav.

Как я могу избавиться от onmouseover и показать ли это 3 sub na только тогда, когда пользователь нажимает? Я добавил onclick к скрипту, но не повезло.

Answer 1

Вам нужно удалить a: hover из CSS.

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>