menu desplegable
Publicado por Cristina (1 intervención) el 18/03/2012 20:26:39
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:
Gracias
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<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><a href="#">Menu1</a>
<ul class="subsubmenu">
<li><a href="#">P1</a></li>
<li><a href="#">P2</a></li>
</ul>
</li>
<li><a href="#">Menu2</a>
<ul class="subsubmenu">
<li><a href="port1.html">M1</a></li>
<li><a href="#">M2</a></li>
</ul>
</li>
<li><a href="#">Menu3</a></li>
</ul>
</li>
</ul> </div>
Gracias
Valora esta pregunta
0