Hola muy buenos días,
Tengo este problemilla haber si me hechan una mano
Código HTML:
<!DOCTYPE HTML>
<html class="no-js" lang="es">
<head>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#menu").mouseenter(function(){
$('.menu-activo').show()
});
$("#menu").mouseleave(function(){
$('.menu-activo').hide()
});
$(".menu-activo").mouseenter(function(){
$('.menu-activo').show()
});
$(".menu-activo").mouseleave(function(){
$('.menu-activo').hide()
});
});
</script>
<!-- InstanceEndEditable -->
</head>
<body>
<!-- InstanceBeginEditable name="Contenedor" -->
<nav class="contain-to-grid top-bar-main">
<div class="row">
<a href="#" class="top-bar-logo">LOGO</a>
<!-- Navegación -->
<ul class="menu-principal">
<li id="menu"><a href="#">CATEGORIAS</a></li>
</ul>
<!-- /Navegación -->
</div>
</nav>
<div class="menu-activo">
<ul>
<li class="titulo">TITULO</li>
<li><a href="#">Lista 1</a></li>
<li><a href="#">Lista 2</a></li>
</ul>
<ul>
<li class="titulo">TITULO</li>
<li><a href="#">Lista 1</a></li>
<li><a href="#">Lista 2</a></li>
</ul>
</div>
</body>
</html> Explico :
Tengo un barra superior donde está mi menú. Al hacer hover en el
<li id="menu"> mediante el script en el HEAD hace que aparesca un DIV con contenido... El problema es que cuando el mouse esta dentro de este contenido, la seleccion o el efecto del LI desaparece y eso es porque yo estoy poniendo que haga eso en el script, pero es que si no lo pongo, se cierra... quisiera que cuando el mouse esté dentro del DIV, siga seleccionado o el efecto de hover en el LI.
Pongo una DEMO para que Uds mismos lo vean y puedan decirme más facilmente que tengo que hacer...
[URL="http://sitiodepruebas.bl.ee/pruebas/"]DEMO AKI!!/[/URL]
Soy nuevo, recien soy pollito... espero me ayuden please!
