I have a little menu like this:

2. <div id="menu">
3.       <ul id="nav">
4.             <li class="arrow"><a href="#">Ajuda</a>
5.                   <ul class="submenu">
6.                         <li><a  href="mylink1">Link1</a></li>
7.                         <li><a href="mylink2">Link2</a></li>
8.                         <li><a href="mylink3">Link3</a></li>
9.                   </ul>
10.             </li>
11.       </ul>
12. </div>

I'm using jquery and toggle & hover functions to show & hide the menu, the problem comes when  using this toggle function:

2. $(" #nav li").toggle(function(){
3.      $(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
4.  },function(){
5.      $(this).find('ul:first').slideUp(400);
6. });

Then when I click on the links they don't do anything, but whithout toggle they work! What am I doing wrong?Why toggle block the links??

Thanks