title: Make Bootstrap's YAMM open on hover
body: <p>I'm using the YAMM to create a mega menu for Bootstrap but I can't figure out how to make the menu appear on mouseover/hover. At the moment it only appears on click.</p>
  
  <p><a href="http://geedmo.github.io/yamm/">github demo</a></p>
  
  <p><a href="http://jsfiddle.net/6vYr2/">jsFiddle</a></p>
  
  <p></p>
  
  <pre><code>&lt;div class="container"&gt;
  
    &lt;div class="navbar yamm"&gt;
      &lt;div class="navbar-inner"&gt;
        &lt;div class="container"&gt;
          &lt;button type="button" class="btn btn-navbar" data-toggle="collapse" data-target="#nav1"&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
            &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;a class="brand" href="#"&gt; Yamm Megamenu &lt;/a&gt;
          &lt;div class="nav-collapse collapse" id="nav1"&gt;
            &lt;ul class="nav"&gt;
              &lt;!-- Classic list --&gt;
              &lt;li class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt; List &lt;b class="caret"&gt;&lt;/b&gt; &lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;
                    &lt;!-- Content container to add padding --&gt;
                    &lt;div class="yamm-content"&gt;
                      &lt;ul class="span2 unstyled"&gt;
                        &lt;li&gt;&lt;p&gt;&lt;strong&gt;Section Title&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;ul class="span2 unstyled"&gt;
                        &lt;li&gt;&lt;p&gt;&lt;strong&gt;Links Title&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
                        &lt;li&gt;
                          &lt;a href="#"&gt; Link Item &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                          &lt;a href="#"&gt; Link Item &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                          &lt;a href="#"&gt; Link Item &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                          &lt;a href="#"&gt; Link Item &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                          &lt;a href="#"&gt; Link Item &lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;
                          &lt;a href="#"&gt; Link Item &lt;/a&gt;
                      &lt;/ul&gt;
                      &lt;ul class="span2 unstyled"&gt;
                        &lt;li&gt;&lt;p&gt;&lt;strong&gt;Section Title&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                      &lt;/ul&gt;
                      &lt;ul class="span2 unstyled"&gt;
                        &lt;li&gt;&lt;p&gt;&lt;strong&gt;Section Title&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          List Item
                        &lt;/li&gt;
                        &lt;li&gt;
                          &lt;ul&gt;
                            &lt;li&gt;
                              &lt;a href="#"&gt; Link Item &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                              &lt;a href="#"&gt; Link Item &lt;/a&gt;
                            &lt;/li&gt;
                            &lt;li&gt;
                              &lt;a href="#"&gt; Link Item &lt;/a&gt;
                            &lt;/li&gt;
                          &lt;/ul&gt;
                        &lt;/li&gt;
                      &lt;/ul&gt;
                    &lt;/div&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;!-- Accordion demo --&gt;
              &lt;li class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt; Accordion &lt;b class="caret"&gt;&lt;/b&gt; &lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;
                    &lt;div class="yamm-content"&gt;
                      &lt;div class="row-fluid"&gt;
                        &lt;div id="accordion2" class="accordion  span6"&gt;
                          &lt;div class="accordion-group"&gt;
                            &lt;div class="accordion-heading"&gt;
                              &lt;a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle collapsed"&gt; Collapsible Group Item #1 &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class="accordion-body collapse" id="collapseOne" style="height: 0px;"&gt;
                              &lt;div class="accordion-inner"&gt;
                                Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="accordion-group"&gt;
                            &lt;div class="accordion-heading"&gt;
                              &lt;a href="#collapseTwo" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle"&gt; Collapsible Group Item #2 &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class="accordion-body collapse" id="collapseTwo"&gt;
                              &lt;div class="accordion-inner"&gt;
                                Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="accordion-group"&gt;
                            &lt;div class="accordion-heading"&gt;
                              &lt;a href="#collapseThree" data-parent="#accordion2" data-toggle="collapse" class="accordion-toggle"&gt; Collapsible Group Item #3 &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class="accordion-body collapse" id="collapseThree"&gt;
                              &lt;div class="accordion-inner"&gt;
                                Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div id="accordion3" class="accordion  span6"&gt;
                          &lt;div class="accordion-group"&gt;
                            &lt;div class="accordion-heading"&gt;
                              &lt;a href="#collapseOne1" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle collapsed"&gt; Collapsible Group Item #1 &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class="accordion-body collapse" id="collapseOne1" style="height: 0px;"&gt;
                              &lt;div class="accordion-inner"&gt;
                                Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="accordion-group"&gt;
                            &lt;div class="accordion-heading"&gt;
                              &lt;a href="#collapseTwo1" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle"&gt; Collapsible Group Item #2 &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class="accordion-body collapse" id="collapseTwo1"&gt;
                              &lt;div class="accordion-inner"&gt;
                                Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="accordion-group"&gt;
                            &lt;div class="accordion-heading"&gt;
                              &lt;a href="#collapseThree1" data-parent="#accordion3" data-toggle="collapse" class="accordion-toggle"&gt; Collapsible Group Item #3 &lt;/a&gt;
                            &lt;/div&gt;
                            &lt;div class="accordion-body collapse" id="collapseThree1"&gt;
                              &lt;div class="accordion-inner"&gt;
                                Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;!-- Classic dropdown --&gt;
              &lt;li class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt; Classic &lt;b class="caret"&gt;&lt;/b&gt; &lt;/a&gt;&lt;!-- Classic Dropdown --&gt;
                &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"&gt;
                  &lt;li&gt;
                    &lt;a tabindex="-1" href="#"&gt; Action &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a tabindex="-1" href="#"&gt; Another action &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;a tabindex="-1" href="#"&gt; Something else here &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="divider"&gt;&lt;/li&gt;
                  &lt;li&gt;
                    &lt;a tabindex="-1" href="#"&gt; Separated link &lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
              &lt;!-- Pictures --&gt;
              &lt;li class="dropdown yamm-fullwidth"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt; Pictures &lt;b class="caret"&gt;&lt;/b&gt; &lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;
                    &lt;div class="yamm-content"&gt;
                      &lt;!-- thumbnails needs a row-fluid to make span fluid --&gt;
                      &lt;div class="row-fluid"&gt;
                        &lt;ul class="thumbnails"&gt;
                          &lt;li class="span2"&gt;
                            &lt;a class="thumbnail" href="#"&gt; &lt;img alt="150x190" data-src="holder.js/150x90"&gt; &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="span2"&gt;
                            &lt;a class="thumbnail" href="#"&gt; &lt;img alt="150x190" data-src="holder.js/150x90"&gt; &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="span2"&gt;
                            &lt;a class="thumbnail" href="#"&gt; &lt;img alt="150x190" data-src="holder.js/150x90"&gt; &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="span2"&gt;
                            &lt;a class="thumbnail" href="#"&gt; &lt;img alt="150x190" data-src="holder.js/150x90"&gt; &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="span2"&gt;
                            &lt;a class="thumbnail" href="#"&gt; &lt;img alt="150x190" data-src="holder.js/150x90"&gt; &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="span2"&gt;
                            &lt;a class="thumbnail" href="#"&gt; &lt;img alt="150x190" data-src="holder.js/150x90"&gt; &lt;/a&gt;
                          &lt;/li&gt;
                        &lt;/ul&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
  
            &lt;/ul&gt;
          &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>