Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/12/2012, 02:10
vorox
 
Fecha de Ingreso: septiembre-2010
Mensajes: 79
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: Ejecucion de jquery a medias

Tienes razón Nucklear. Aqui va el código:

Javascript:

<script type="text/javascript">

$(function(){
$('.primer_nivel').hover(function () {
$(this).find('.submenu').stop().slideToggle('slow' );
});
});

$(function(){
$('.segundo_nivel').hover(function () {
$(this).find('.submenu2').stop().show('slow');
},function(){
$(this).find('.submenu2').stop().hide('fast');
});
});
</script>

HTML (Menu con 2 niveles internos):

<ul>
<li class="primer_nivel"><a href=""></a></li>
<li class="primer_nivel"><a href=""></a></li>
<li class="primer_nivel">
<a href=""></a>
<ul class="submenu">
<li class="segundo_nivel"><a href=""></a></li>
<li class="segundo_nivel"><a href=""></a></li>
<li class="segundo_nivel"><a href=""></a></li>
<li class="segundo_nivel"><a href=""></a></li>
<li class="segundo_nivel">
<a href="">Muebles de baño >></a>
<ul class="submenu2">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</li>
</ul>

CSS:

nav ul .primer_nivel{
float: left;
margin: 0px 5px;
position: relative;
}
nav ul .primer_nivel:first-child{
margin-left: 0px;
}
nav ul .primer_nivel a{
/*border:1px solid black;*/
border-radius: 5px;
font-family: 'Quicksand', sans-serif;
font-weight: normal;
padding:5px 15px;
color: #fff;
text-decoration: none;
font-size: 16px;
}

nav ul .primer_nivel .submenu{
position: absolute;
display: none;
width: 300px;
z-index: 1000;
margin-top:5px;
left:-5px;
}
.submenu .segundo_nivel{position: relative;}
.submenu .segundo_nivel:first-child{
/*margin-left: 5px;*/
}
.submenu a{
/*padding: 10px 20px 10px 20px;*/
background-color: #000;
color:white;
display: block;
width: 200px;
text-align: center;
margin-top:3px;
}

.submenu2{
position:absolute;
display:none;
left:232px;
top:-5px;
width:200px;
}
.submenu2 li a{margin-top: 1px;}



He probado la herramienta que adjuntabas en el anterior mensaje (jsFiddle, muy buena por cierto) y no me da ese error normalmente, pero cuando entro en el último nivel del menú desaparece rápidamente esa lista (Como si no detectase bien el hover).

Bueno espero sus aportes, saludos!!!

Última edición por vorox; 27/12/2012 a las 02:20 Razón: Faltaba información.