JQuery щелчок мыши не работает, но переключатель делает

Question

Это не делает ничего:

$("#nav li ul li").click(function(){ 
    $(this).find('ul:first').css({ 
    visibility: "visible" 
    }); 
}); 

Это работает (отображение и скрытие):

$("#nav li ul li").toggle(function() { 
    $(this).find('ul:first').css({ 
    visibility: "visible" 
    }); 
}, function() { 
    $(this).find('ul').css({ 
    visibility: "hidden" 
    }); 
}); 

Я хочу, чтобы получить первый один работать, я не хотите, чтобы он переключался.

Answer 1

Попробуйте этот код:

$("#nav li ul li").click(function(){ 
    $(this).find('ul').first().css("visibility","visible"); 
}); 

Answer 2

CSS

.ghost{visibility:hidden;} 

JQuery

$("#nav li ul li").click(function() { 
    $(this).find('ul:first').toggleClass('ghost') 
});