Hi, you can use the following additional code:
// don't show the sub menus in collapsible mode unless the sub arrow is clicked
$categories_menu.on('click', 'span.sub-arrow', function(e) {
var obj = $categories_menu.data('smartmenus');
if (obj.isCollapsible()) {
var $item = $(this).parent(),
$sub = $item.parent().dataSM('sub');
$sub.dataSM('arrowClicked', true);
}
}).bind({
'beforeshow.smapi': function(e, menu) {
var obj = $categories_menu.data('smartmenus');
if (obj.isCollapsible()) {
var $menu = $(menu);
if (!$menu.dataSM('arrowClicked')) {
return false;
}
$menu.removeDataSM('arrowClicked');
}
}
});
Let me know if you have any troubles.
Cheers!