title: Accordion SideBar Menu using Nav components with react-bootstrap
body: <p>I am started to build my UI using <code>react-bootstrap</code> and now there is important task for me to create SideBar Accordion Menu using standard <code>bootstrap</code> components. I found <a href="http://bootsnipp.com/snippets/featured/accordion-menu" rel="noreferrer">this</a> example which uses <code>panel-group</code> and <code>table</code>, but I think that it is not the best way, because <code>nav</code> is better in natural way for navigation components.</p>
  
  <p>I want my SideBar menu code look like this (<code>react-bootstrap</code> component):</p>
  
  <pre><code>&lt;Nav bsStyle="pills" stacked&gt;
      &lt;NavItem title="Item 1"&gt;
          &lt;Nav bsStyle="pills" stacked&gt;
              &lt;NavItem title="Sub Item 1"&gt;Sub Item 1&lt;/NavItem&gt;
              &lt;NavItem title="Sub Item 2"&gt;Sub Item 2&lt;/NavItem&gt;
              &lt;NavItem title="Sub Item 3"&gt;Sub Item 3&lt;/NavItem&gt;
          &lt;/Nav&gt;
      &lt;/NavItem&gt;
      &lt;NavItem title="Item 2"&gt;Item 2&lt;/NavItem&gt;
      &lt;NavItem title="Item 3"&gt;Item 3&lt;/NavItem&gt;
  &lt;/Nav&gt;
  </code></pre>
  
  <p>Any suggestions with <code>react-bootstrap</code> or just <code>bootstrap</code> will be useful.</p>