Reply To: Remember the sub-item selected

[admin]

Hi and sorry for the delay of this answer!

There are different ways to achieve it but here is a simple client-side solution that uses window.localStorage which is supported in all latest browsers (better than cookies in our case since it’s not sent with every request). This needs to be called ondomready after the SmartMenus init code:

// save last selected item to localStorage
var $mainMenu = $('#main-menu'),
	localStorage = window.localStorage;
$mainMenu.bind('select.smapi', function(e, item) {
	if (localStorage) {
		// since the items (links) don't have static ids by default, we'll save the item's index
		// save a timestamp too
		localStorage.sm_lastSelectedItem = $mainMenu.find('a').index(item) + '-' + new Date().getTime();
	}
});

// restore last selected item
if (localStorage && localStorage.sm_lastSelectedItem) {
	// only restore if the menu is in collapsible mode on init
	if ($mainMenu.data('smartmenus').isCollapsible()) {
		var itemData = localStorage.sm_lastSelectedItem.split('-'),
			itemIndex = itemData[0],
			timeStamp = itemData[1];
		// restore the item if saved within the last 1 hour
		if (new Date().getTime() - timeStamp < 60 * 60 * 1000) {
			var $item = $mainMenu.find('a').eq(itemIndex);
			$mainMenu.smartmenus('itemActivate', $item);
			$item[0].focus();
		}
	}
	localStorage.removeItem('sm_lastSelectedItem');
}

The above will restore the last item if it was selected within the last hour. You can tweak the expiration period on this line if you like:

		// restore the item if saved within the last 1 hour
		if (new Date().getTime() - timeStamp < 60 * 60 * 1000) {

Let me know if you have any questions.

Cheers!