Feature? - expand on hover about metismenu HOT 5 CLOSED

@robov
Yes of course. Add the following code.

CSS

@media (min-width:768px) {
   #menu li {
      position: relative;
   }
   #menu > li ul {
      position: absolute;
      left: 100%;
      top: 0;
      min-width: 200px;
      display: none;
   }
   #menu li:hover > ul,
   #menu li:hover > ul.collapse {
      display: block !important;
      height: auto !important;
      z-index: 1000;
      background: #444;
   }
}

JS

(function($) {
  $(document).ready(function() {  
    var $this = $('#menu'), resizeTimer, self = this;    
    var initCollapse = function(el) {
      if ($(window).width() >= 768) {
        this.find('li').has('ul').children('a').off('click');
      }
    }
    $(window).resize(function() {
        clearTimeout(resizeTimer);
        resizeTimer = setTimeout(self.initCollapse($this), 250);
    });    
  });
})(jQuery);

DEMO

Mozilla Thimble

from metismenu.

Thanks... works brilliant...
Can you please point me out what styles to override to change the hover background colors. I cannot seem to find the right ones.

from metismenu.

@robov
According to the demo.css file you can customize yourself.

from metismenu.

Can I make the parent clickable (that expands automatically with its children)
Now the parent is not clickable.
I know it then will not work for a small screen, but that is fine for this other project.
How can I make the parent clickable ?

from metismenu.

@robov , @lorvent
https://gist.github.com/onokumus/9dec78937e795ba3c138

from metismenu.