Hinzufügen mouseOut Zeit

Question

Wie kann ich modify dieses Skript so, dass wenn ich mouseOut das Untermenü, es bleibt noch öffnen für x Sekunden?

Zur Zeit slidesup es (versteckt), sobald ich mouseOut. Ich muss wie Funktionalität hoverintent wo es nach x Sekunden versteckt.

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>

Vielen Dank für Ihre Hilfe!

Answer 1

So etwas wie:

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

funktionieren würde,

Wenn Sie es auf Ihrem html in Ihrer Frage zu stützen / JSfiddle, würden Sie Ihre JS in der select-Anweisung zu sehen wie folgt ändern:

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

Auch wäre es besser, zu wickeln:

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

in:

$(document).ready(function () {

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

});

als

$(window).load(function () {

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

});

Für weitere Links zu erhalten zu gleiten, wenn Sie sofort gehen zu einem anderen Link, den Sie benötigen diese:

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

unten was bereits in:

 case "slideDown":

So wird es wie folgt aussehen:

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

Ich fühle mich wie ich tue jemand anderem hier arbeiten, aber wie auch immer, den Code, der die Sache gehen macht scheint weg, wie es ist dies:

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

So einfach wickeln Sie es in einer Zeit, wenn Sie es wünschen Sekunden passieren nach x:

setTimer(function() {

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

}, 5000); // 5 seconds