Dropdown menu por click en Jquery

[fede5426]

Tan simple como esto :)

http://codepen.io/anon/pen/YPBqrZ

Código HTML:

nav id="nav">
    <ul class="menu">
        <li><a href="#">Link uno</a></li>
        <li><a href="#">Link dos</a></li>    
        <li><a href="#" id="link3">Link tres drop</a>
            <ul id="drop3">
                <li><a href="#">Link uno</a></li>
                 <li><a href="#">Link dos</a></li>  
            </ul>
        </li>
        <li><a href="#">Link cuatro</a></li>    
        <li><a href="#" id="link5">Link Cinco con drop</a>
            <ul id="drop5">
                <li><a href="#">Link uno</a></li>
                 <li><a href="#">Link dos</a></li>  
            </ul>  
        </li>
        <li><a href="#">link uno</a></li>
     </ul>
</nav>
 

Código CSS:

#drop3,
#drop5{
  display:none;
}
 

Código Javascript:

$("#link3").click(function(){
  
  $("#drop3").slideToggle();  //Hace que cada vez q clickees, si esta cerrado se despliega y si esta desplegado se cierra. 
  $("#drop5").slideUp();  //cierra el otro submenu si esta abierto. 
  
});
 
$("#link5").click(function(){
  
  $("#drop5").slideToggle(); 
  $("#drop3").slideUp();
  
});