2つのドロップダウンメニュー、1つは左、もう1つは同じトグルメニューにあります（反応する） - menuitem

私は自分でこれを理解できないので、私は物beいをしていますあなたを助けて。レスポンシブメニューが必要です。これは、モバイル/ ipadを使用しているときに、1つに2つのドロップダウンメニューがあります。たとえば、メニューの1つはWebサイトの左側にあり、2つ目は右側にあります。ウィンドウのサイズを変更して小さくすると、トグルされたメニューで互いに下に表示されます。メニューがコンピューターに表示されているときに修正する必要があり、スクロールダウンするときにそれに従う必要があります。 2つのドロップダウンメニューがどのように見えるかの例を示します（これは私のウェブサイトではありませんが、このようなものが必要ですが、画面が小さくなると応答し、切り替わります）：

編集：getbootstrapで見つけることができました。comですが、ホバーするとサブメニューが表示されます。今、私はサブメニューを見るためにメニューをクリックすることを余儀なくされています、そして私はそれを望んでいません。コードはで見つけることができます

jsfiddle.net/6poubg32/2/

回答：

メニューに小さなJQuery Hover関数を追加してみてください <li> または <ul> タグ。

$( "your_menu_button_id" ).hover(function() {
// logic to show your menu example call toggle function
// you can also add css class which opens the menu.
$( "#foo" ).addClass( "myClass yourClass" );
// or use this to toggle the classes
$( "#foo" ).toggleClass( className, addOrRemove );
});

他の例を見つけることができます here->ホバー機能用 クラスを動的に追加するにはこれを使用します リンク ＆ この リンク toggleClassがさらに理解するため。

お役に立てれば。！