title: Bootstrap accordion open on hover
body: <p>I already tried other examples that I found from Google and SO but can get any to execute so I was trying this silly solution for opening the Bootstrap accordion on hover but it doesn't want to work either...  any suggestions?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;nav class="nav"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a class="accordion-toggle" data-toggle="collapse" data-trigger="hover" data-parent="#submenu" href="#one"&gt;SHOW&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/nav&gt;
  
  
  &lt;div id="one" class="collapse"&gt;
  &lt;div class="accordion-inner"&gt;
  HERE IS THE STUFF
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><br>
  <strong>jQuery</strong></p>
  
  <pre><code>$('#submenu').collapse({ trigger: "hover" })
  </code></pre>
  
  <p><br><strong>FIDDLE</strong><br><br>
  <a href="http://jsfiddle.net/5J852/" rel="nofollow">http://jsfiddle.net/5J852/</a></p>