アコーディオンタイプのメニューとフライアウトメニューを統合する方法を見つけようとしています。理想的には、クリックするとそのメーカーの製品シリーズを表示するためのアコーディオンとして機能するメーカーを示す垂直メニューが必要です。個々の製品シリーズをクリックすると、フライアウトメニューが横にポップアップ表示され、そのシリーズの個々の製品が表示されます。
誰かがこのようなまたはより良い既存のコードを見たことがありますか、誰かがこの効果を達成する方法を教えてもらえますか?前もって感謝します。
<ul>
<li>Manufacturer 1 (drops product lines in accordion)
<ul>
<li>Product Line 1
<ul>
<li>Product 1</li> (flyout menu for products)
<li>Product 2</li>
</ul>
</li>
<li>Product Line 2
<ul>
<li>Product 1</li>
<li>Product 2</li>
</ul>
</li>
</ul>
</li>
<li>Manufacturer 2
etc...