title: accordion menu with nested flyouts
body: <p>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.</p>
  
  <p>Has anyone seen any existing code like this or better yet, can anyone show me how to achieve this effect? Thanks in advance.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;Manufacturer 1 (drops product lines in accordion)
      &lt;ul&gt;
        &lt;li&gt;Product Line 1
          &lt;ul&gt;
            &lt;li&gt;Product 1&lt;/li&gt; (flyout menu for products)
            &lt;li&gt;Product 2&lt;/li&gt;
           &lt;/ul&gt;
         &lt;/li&gt;
         &lt;li&gt;Product Line 2
           &lt;ul&gt;
             &lt;li&gt;Product 1&lt;/li&gt;
             &lt;li&gt;Product 2&lt;/li&gt;
           &lt;/ul&gt;
         &lt;/li&gt;
       &lt;/ul&gt;
     &lt;/li&gt;
     &lt;li&gt;Manufacturer 2
     etc...
  </code></pre>