efeito slideUp não funciona

[Annyh 4]

e ai pessoal, tenho um script de menu/sub-menu que ao passar o mouse cria o efeito slideDown, mas gostaria de que quando o mouse fosse retirado do botão, o efeito fosse o slideUp, já tentei usando o mesmo mas não funfo...

function mainmenu(){
jQuery("#nav ul ").css({display: "none"}); // Opera Fix

jQuery("#nav li").hover(function(){
	jQuery(this).find('ul:first').css({visibility: "visible", display: "none"}).slideDown(200);
},

function(){
	jQuery(this).find('ul:first').css({visibility: "hidden"});
});	
} 
jQuery(document).ready(function(){					
	mainmenu();
});

 

 

se alguem puder ajudar.

[William Bruno 1501]

tentou assim:

 

        jQuery("#nav li").hover(function(){
               jQuery(this).find('ul:first').slideDown(200);
       },

       function(){
               jQuery(this).find('ul:first').slideUp(200);

??

 

:lol:

[Bruno Augusto 417]

Faltou um:

 

});

Aí no final, não?

[William Bruno 1501]

só reescrevi a parte que interessa.. a sintaxe fica por conta do usuário.

[Annyh 4]

ai pessoal, tentei como me disseram, mas também não funcionou, estranho pois acho que não há nada de errado, né?

function mainmenu(){
jQuery("#nav ul ").css({display: "none"}); // Opera Fix

jQuery("#nav li").hover(function(){
	jQuery(this).find('ul:first').css({visibility: "visible", display: "none"}).slideDown(200);
},

function(){
	jQuery(this).find('ul:first').slideUp(200);
});
} 
jQuery(document).ready(function(){					
	mainmenu();
});

[William Bruno 1501]

e oque aconteceu ?

 

debugue teu script:

http://www.wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

[JCMais 75]

Poderia postar o código do menu?

[Annyh 4]

ja postei o codigo do menu acima

[William Bruno 1501]

@Annyh, faltou o HTML.

[Annyh 4]

foi mal, rsrs...

<div id="menu">
       <ul id="nav">
         <li><a href="index.php?topico=navegacao/inicio" title="início">início</a></li>
         <li><a href="index.php?topico=navegacao/video-aulas" title="vídeo aulas">vídeo aulas</a>
         	<ul>
         		<li><a href="index.php?topico=navegacao/video-aulas&cat=php" title="php">php</a></li>
         		<li><a href="index.php?topico=navegacao/video-aulas&cat=xhtml" title="xhtml">xhtml</a></li>
         		<li><a href="index.php?topico=navegacao/video-aulas&cat=css" title="css">css</a></li>          		
         	</ul>
         </li>
         <li><a href="index.php?topico=navegacao/envie-sua-video-aula" title="envie sua video aula">envie sua vídeo aula</a></li>
         <li><a href="index.php?topico=navegacao/downloads" title="downloads">downloads</a></li>
         <li><a href="index.php?topico=navegacao/pagina&pag=artigos web" title="artigos web">artigos web</a></li>
         <li><a href="index.php?topico=navegacao/noticias" title="notícias">notícias</a></li>
         <li><a href="index.php?topico=navegacao/contato" title="contato">contato</a></li>
       </ul>
     </div>