0

さて、私は初めてのメニューを作成しようとしていますが、このドロップダウン スクリプトに行き詰まっています。ロジックはシンプルで古典的で、特定のものをホバリングする<li>とサブメニューがドロップされ、マウスを離すと<li>ドロップダウンが非表示になります(実際には非表示にする必要はありませんが、マウスを別のものに移動する<li>と、サブメニューを閉じる必要があります。そうしないと、数十億のサブメニューがポップアップし、誰も閉じることができませんでした) それで、誰か助けてもらえますか? これは私の実際の情報源です:

    $(function() { 
        $('.menu-content-news').hover(function() { 
        $('.subnav').css('visibility', 'visible'); 
    });
        $('.menu-content-news').mouseleave(function () {
        $('.subnav').css('visibility', 'hidden');
    });
        $('.subnav').hover(function() {
        $(this).css('visibility', 'visible');
    });
        $('.subnav').mouseleave(function() {
        $(this).css('visibility', 'hidden');
    });

});

そして、これは私のウェブサイトですhttp://nfd.altervista.org/kindmenuonpure.html (明らかにまだ取り組んでいます。私は挑戦と自分の能力をテストするためだけに作成しました。私は本当にこのウェブデザイン分野を改善したいと思っています。は私の最初のテストです. 気が向いたら, また、サイトについてのフィードバックを残してください, またはそれを改善する方法) ありがとう!

4

1 に答える 1

1

CSS を追加する代わりに、jQuery 関数 .hide(); を使用できます。またはトグル パラメータを追加して、デュレーションを設定できます。

$('.menu-content-news').hover( function() { 
    $('.subnav').toggle('slow'); 
}

JSFiddle の例

jQuery トグル

于 2013-06-10T09:39:40.300 に答える