Buenos días a todos.
Bueno mi problema es que tengo un menu desplegable el cual se despliega con un .mouseover, lo que me interesaria es que se le pudiera añadir un retraso a esa acción, para que al pasar el ratón por "accidente" no se desplegara el menu.
Aqui les dejo el jquery del menu
Código:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ // Script del Navegador
$("ul.subnavegador").not('.selected').hide();
$("a.desplegable").mouseover(function(e){
var desplegable = $(this).parent().find("ul.subnavegador");
$('.desplegable').parent().find("ul.subnavegador").not(desplegable).slideUp('normal');
desplegable.slideToggle('normal');
e.preventDefault();
})
});
Y aqui un poco del menu.
Código:
<li><a href="#" class="desplegable">Asistencias</a>
<ul class="subnavegador">
<li><a href="TECNICOS INFORMATICOS.zip">· Inquiero</a></li>
<li><a href="informa.exe">· UltraVNC</a></li>
</ul>
</li>
<li><a href="default.htm">Inicio</a></li>
<li><a href="presentacion.htm">Presentacion</a></li>
<li><a href="erpintro.htm" class="desplegable">ERP,CRM</a>
<ul class="subnavegador">
<li><a href="ERP.htm">· ERP</a></li>
<li><a href="CRM.htm">· CRM</a></li>
</ul>
</li>
<li><a href="hostintro.htm" class="desplegable">Hosteleria</a>
<ul class="subnavegador">
<li><a href="hostrest.htm">· ERP Restaurantes</a></li>
<li><a href="hostele.htm">· ERP Telecomandas</a></li>
<li><a href="hosthot.htm">· ERP Hotel</a></li>
<li><a href="hostbar.htm">· Alfa Bar TPV</a></li>
</ul>
Muchas gracias de antemano por cualquier respuesta o ayuda que puedan aportar.
Saludos.