Hola,
tengo un menú desplegable con varios niveles.
Mi problema es que cuando estoy viendo un submenú y le doy a otro diferente, el primero no se oculta y se me superponen los submenús.
Adjunto código:
<pre lang='lenguaje'>
<script type="text/javascript"> function mainmenu(){ $(" #nav ul ").css({display: "none"}); $(" #nav li").click(function(){ $(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(30); },function(){ $(this).find('ul:first').slideUp(30); }); } $(document).ready(function(){ mainmenu(); }); </script> </head> <body> <div id="menu"> <ul id="nav">
<li><a href="#">TITLE</a> <ul class="submenu"> </li>
<li><a href="#">Menu1</a> <ul class="subsubmenu"> </li>
<li><a href="#">P1</a></li>
<li><a href="#">P2</a></li>
<li><a href="#">Menu2</a> <ul class="subsubmenu"> </li>
<li><a href="port1.html">M1</a></li>
<li><a href="#">M2</a></li>
<li><a href="#">Menu3</a></li>
</div>