- URL del foro: www.thefantasys.com
- Versión del foro: 1.6
- Actualización: No
Hola!
He hecho unos menus desplegables con Jquery html y CSS, y va todo perfecto y todo, el problema es que cuando abro un menu, al abrir otro el anterior no se cierra, dejando asi todos los menus abiertos.
Me gustaria saber como puedo hacer para que al abrir un menu el anterior o cualquier otro abierto se cierre. Os copio mi codigo:
CSS:
Código:
/* Reset */
ul, li {
margin: 0;
padding: 0;
text-indent: 0;
}
/* Style */
ul {
list-style: url(none) none;
padding: 2px;
}
ul li {
display: inline;
float: left;
position: relative;
margin: 0;
padding: 2px;
}
ul li.mtitle {
color: #FFFFFF;
text-align: center;
font-size: 12px;
width: 140px;
cursor: pointer;
}
ul li ul {
position: absolute;
display: none;
background: #FFFFFF;
padding: 0px;
border: 1px solid #000;
width: 140px;
}
ul li ul li {
display: list-item;
float: none;
margin: 0;
padding: 2px;
}
ul li ul li a {
font-size: 12px;
color: #000000 !important;
text-align: center;
}
ul li ul li.categoria2 {
background: url(/images/problack/panel_bg.png);
color: #FFFFFF;
text-align: center;
font-size: 12px;
}
JS:
Código:
script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Muestra y oculta los menues
$('ul li:has(ul)').click(function(e) {
$(this).find('ul').toggle();
});
});
</script>
HTML:
Código:
<ul>
<li class="mtitle"><b>Perfil</b> <img src="/images/tri-down2.gif" style="margin-left: 2px;" />
<ul>
<li class="categoria2"><Strong>Panel de Control</Strong></li>
<li><a href="$settings[bburl]/usercp.php">Panel de control</a></li>
<li class="categoria2"><Strong>Mensajes Privados</Strong></li>
<li><a href="$settings[bburl]/private.php?action=send">Redactar mensaje</a></li>
<li><a href="$settings[bburl]/private.php?fid=1">Bandeja de Entrada</a></li>
<li class="categoria2"><Strong>Tu Perfil</Strong></li>
<li><a href="$settings[bburl]/usercp.php?action=profile">Editar tu perfil</a></li>
<li><a href="$settings[bburl]/usercp.php?action=avatar">Cambiar Avatar</a></li>
<li><a href="$settings[bburl]/usercp.php?action=editsig">Cambiar Firma</a></li>
<li><a href="$settings[bburl]/usercp.php?action=options">Preferencias</a></li>
<li class="categoria2"><Strong>Miscelanea</Strong></li>
<li><a href="$settings[bburl]/usercp.php?action=pendingrequests">Invitaciones pendientes</a></li>
<li><a href="$settings[bburl]/misc.php?action=buddypopup">Lista de Amigos</a></li>
<li><a href="{$profile_link}">Ver tu perfil</a></li>
</ul>
</li>
<li class="mtitle"><b>The Fantasys</b> <img src="/images/tri-down2.gif" style="margin-left: 2px;" />
<ul>
<li class="categoria2"><Strong>The Fantasys</Strong></li>
<li><a href="$settings[bburl]/portal.php">Portal</a></li>
<li><a href="$settings[bburl]/index.php">Foro</a></li>
<li class="categoria2"><Strong>Dentro del Foro</Strong></li>
<li><a href="$settings[bburl]/memberlist.php">Lista de miembros</a></li>
<li><a href="$settings[bburl]/online.php">Quien esta en Linea</a></li>
<li><a href="$settings[bburl]/showteam.php">Staff The Fantasys</a></li>
<li class="categoria2"><Strong>Nuevos Posts</Strong></li>
<li><a href="$settings[bburl]/search.php?action=getdaily">Mensajes de Hoy</a></li>
<li><a href="$settings[bburl]/misc.php?action=buddypopup">Nuevos Mensajes</a></li>
<li><a href="$settings[bburl]/search.php">Buscar en Temas</a></li>
<li class="categoria2"><Strong>Calendario</Strong></li>
<li><a href="$settings[bburl]/calendar.php">Calendario</a></li>
</ul>
</li>
<li class="mtitle"><b>Descarga Directa</b> <img src="/images/tri-down2.gif" style="margin-left: 2px;" />
<ul>
<li class="categoria2"><Strong>Hentai</Strong></li>
<li><a href="$settings[bburl]/forum-15.html">Manga</a></li>
<li><a href="$settings[bburl]/forum-16.html">Anime</a></li>
<li class="categoria2"><Strong>Yuri</Strong></li>
<li><a href="$settings[bburl]/forum-8.html">Manga</a></li>
<li><a href="$settings[bburl]/forum-9.html">Anime</a></li>
<li class="categoria2"><Strong>Yaoi</Strong></li>
<li><a href="$settings[bburl]/forum-5.html">Manga</a></li>
<li><a href="$settings[bburl]/forum-6.html">Anime</a></li>
<li class="categoria2"><Strong>Lolicon</Strong></li>
<li><a href="$settings[bburl]/forum-2.html">Manga</a></li>
<li><a href="$settings[bburl]/forum-3.html">Anime</a></li
</ul>
</li>
</ul>
Muchas gracias por la ayuda >.<