ホバー

Question

ウェブサイトの後に開いたサブメニューをキープMariodidit.com

です。 しかし、中央のアイテムの上に直接マウスを移動すると、メニューが消えてナビゲートするのが面倒になります。私は、アイブ氏は、このようないくつかの異なるコード・スニペットを試してみましたが、何も進展していない

$('.main-navigation li ul li a').hide(); 
$('.main-navigation').live('hover', function(e) { 
    $(this).addClass('activeitem'); 
    $('.main-navigation li ul li a').show(); 
}); 

「ポートフォリオ」をホバリングした後、それを開いておくためにいくつかのJavaScriptを使用したいと思います。 また、 "ヘッダーとフッタースクリプト"プラグインを使用して、このスクリプトをWordPressサイトに適用します。

Answer 1

おそらく、ホバーの代わりにクリックして使用したいと思うでしょう。

(function($) { 
    $('.main-navigation li a').on('click', function(e) { 
     e.preventDefault(); 
     $(this).parent().toggleClass('active'); 
    }); 
})(jQuery); 

次に、CSSでそのクラスのスタイルを追加します。

.main-navigation .active ul { 
    display: block; 
} 

.main-navigation ul ul { 
    display: none; 
}