You can make the last hovered li>ul
element always visible by attaching a class .current
to it and forcing its opacity
and display
properties as follows:
Javascript:
$(document).ready(function(){
$('ul.sf-menu').superfish();
var last_hover = $('.sf-menu>li:first');
$('ul.sf-menu>li').hover(function () {
last_hover.removeClass('current');
last_hover = $(this);
last_hover.addClass('current');
}, function(){
});
});
CSS:
.current > ul {
display:block !important;
opacity:1 !important;
}