JQuery - menu desplegable

 
Vista:

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:

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder