Fechar menu com onclick

[Gavaldão 14]

Bom dia a todos

Tenho um menu que está ok. porém ele fecha com museout, já tentei modificar a função para fechar também com onclick, más não deu certo.

Alguem pode dar uma dica.

 

função:

$(function (){

$("#dropdown li").hover(function(){

$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');

}, function (){

$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');

});
});

desde já agradeço.

[William Bruno 1501]

Se vc quiser fechar com um click fora da area do menu, dá uma lida:

 

http://wbruno.com.br/jquery/menu-dropdown-abrindo-click-fechando-ao-clicar-fora/

[nspjunior 1]

se quiser o evento apenas de entrar no menu:

 

.mouseenter()

[Gavaldão 14]

Bem o menu está funcionando, quando coloco mouse em cima ele abre, quando click no link abre a página, só que o menu só fecha ao retirar o mouse de cima (função remove class) e eu queria que quando clicar no link abrir a página e fechar o menu.

Eu carrego as paginas com ajax na principal.

Acho que agora conseui explicar

[Dian Carlos 29]

$('#dropdown li a').click(function(){

 

//comando pra fechar o menu ???

 

});

 

[Gavaldão 14]

Valeu Dian Carlos e Amigos, adaptei a função e deu certo.

fecha tanto com mouseout quanto com onclick.

 

$(function (){

$("#dropdown li").hover(function(){

$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');

}, function (){

$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');

$('#dropdown').click(function(){
$('#dropdown ul').css('visibility', 'hidden');

//comando pra fechar o menu

});

});

});