No problem at all! To make the toggle button work on hover too, you can use some additional JS like this:
$(function() {
var menuHideTimer = 0,
$menuBtn = $('#menu-button'),
$menu = $('#main-menu');
function hideDelayed() {
clearHideTimer();
if ($menu.is(':visible')) {
menuHideTimer = setTimeout(function() {
$menu.smartmenus('menuHideAll');
$menuBtn.click();
}, 500);
}
}
function clearHideTimer() {
if (menuHideTimer) {
clearTimeout(menuHideTimer);
menuHideTimer = 0;
}
}
$menuBtn.bind({
'mouseenter': function() {
clearHideTimer();
if (!$menu.is(':visible')) {
$menuBtn.click();
}
},
'mouseleave': hideDelayed
});
$menu.bind({
'mouseenter': clearHideTimer,
'mouseleave': hideDelayed
});
});
Cheers!