Adición de tiempo mouseOut

Question

¿Cómo modifico este script para que cuando mouseOut del submenú, sigue siendo abrir durante x segundos?

Actualmente se slidesup (cueros) tan pronto como mouseOut. NECESITO hoverintent como la funcionalidad donde se refugia después de x segundos.

HTML:

<div id="navigation">
        <ol>
            <li><a href="#" class="parent">Menu 1</a>
                <div class="submenu clear"><div class="listings clear"> content</div></div>
            </li>         
        </ol>
</div>

Gracias por su ayuda!

Answer 1

Algo así como:

jQuery(element_here).delay(5000).slideup('fast', function() {
    bm_item_link_obj.removeClass("bm-item-link-hover");
});

funcionaría

Si su basándola en su html en su pregunta / jsFiddle, que cambiaría sus JS en la instrucción SELECT para tener este aspecto:

case "slideUp":
    bm_item_content_obj.delay(5000).slideUp( 'fast',  function() {
        bm_item_link_obj.removeClass("bm-item-link-hover");
    });

También sería mejor para envolver:

$("#navigation ol").bigmenu();

$(document).ready(function () {

    // NAVIGATION
    $("#navigation ol").bigmenu();

});

de

$(window).load(function () {

    // NAVIGATION
    $("#navigation ol").bigmenu();

});

Para obtener otros enlaces se deslicen hacia arriba cuando vaya a otro enlace de inmediato que necesita esto:

$(".submenu").not(bm_item_content_obj).stop(true, true).slideUp("fast");

a continuación cuál ya está en:

 case "slideDown":

Por lo que se verá así:

case "slideDown":
      bm_item_content_obj.height("auto");
      bm_item_content_obj.slideDown(100);

      $(".submenu").not(bm_item_content_obj).stop(true, true).slideUp("fast");
break;

Answer 2

Me siento como si estuviera haciendo el trabajo de alguien vigilara aquí, pero de todos modos, el código que hace que la cosa vaya parece que es la siguiente:

bm_item_content_obj.slideUp( 'fast',  function() {
    bm_item_link_obj.removeClass("bm-item-link-hover");
});

Así que lo envuelve en un temporizador si desea que suceda después de x segundos:

setTimer(function() {

    bm_item_content_obj.slideUp( 'fast',  function() {
        bm_item_link_obj.removeClass("bm-item-link-hover");
    });

}, 5000); // 5 seconds