forbes.comで見つけられるようなメニューを再現する必要があります。ロゴアイテムのサブメニューに興味があります。ほぼ完了です。ロゴアイテムメニュー、カテゴリ名付きの第1レベルのメニュー、および各カテゴリの記事リンクが表示される第2レベルのメニューを作成しました。
これまでは、基本的な方法で設定された完全なCSSメニューです。ユーザーがロゴにマウスを置くと、最初のサブメニューレベルが表示されます。私の目標は、フォーブスのサブメニューのように、最初のサブアイテムにマウスオーバー効果を表示して、2番目のサブメニューレベルを同時に表示できるようにすることなので、JSが必要になると思います。（見栄えが良い）
これが私のコードです（簡略化）：
<ul id="menu"><li>
<a href="#" >Mylogo</a>
<ul class="submenu1">
<li class="item1"><a href="#">item1</a>
<ul class="subemnu2">content</ul>
</li>
</ul>/*----submenu1-------*/
</li>/*-----li menu------*/
</ul>/*---- ul menu-------*/
ご協力いただきありがとうございます。よろしく