(function () {
var $make = $('li.prod');
$('div.models').addClass('hide');
$make.on('mouseenter', function () {
var $this = $(this);
$this.next().fadeIn(150);
});
$make.on('mouseleave', function () {
var $that = $(this);
$that.next().fadeOut(150);
});
})();
Check out my JSFiddle. I'm having trouble getting my code to function properly in IE7. Any suggestions on how to make the submenu open when hovering over it would be greatly appreciated. I'm still learning jQuery and any help is welcome.