I'm trying to figure out how to integrate an accordion type of menu and a flyout menu together. Ideally, I'd like to have a vertical menu showing manufacturers that, when clicked, acts as an accordion to show Product Series for that manufacturer. When an individual Product Series is clicked, a flyout menu pops out to the side to show individual products in that series.
Has anyone seen any existing code like this or better yet, can anyone show me how to achieve this effect? Thanks in advance.
<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...