質問

変更するにはどうすればよいですか これ スクリプトは、サブメニューをマウスでマウスで出しても、x秒間開いたままですか?

現在、マウスアウトとすぐにスライドアップ(隠れています)。 x秒後に隠す機能が必要です。

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>

ご協力いただきありがとうございます!

役に立ちましたか?

解決

何かのようなもの:

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

うまくいきます

質問/ jsfiddleでHTMLに基づいている場合、SELECTステートメントでJSを変更して次のようになります。

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

また、包む方が良いでしょう:

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

の:

$(document).ready(function () {

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

});

よりも

$(window).load(function () {

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

});

すぐに別のリンクに進むと、他のリンクを取得するには、これが必要です。

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

以下ですでに:

 case "slideDown":

だから、それは次のようになります:

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;

他のヒント

私はここでエルゼの仕事をしているように感じますが、とにかく、物事を消すようにするコードはこれのように思えます:

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

x秒後にそれが起こるようにしたい場合は、タイマーにラップするだけです:

setTimer(function() {

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

}, 5000); // 5 seconds
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top