I am using a navigation menu script on a website that enables mouse-over of tabs to display a sub-menu beneath. Currently, when removing the mouse from the tab, the sub-menu disappears again, which is correct. However, what I need is for the initial sub-menu to re-instate. It's difficult to describe, but is obvious when viewing the page:
Hover over any one of the navigation tabs and you'll see the sub-menu display beneath (correctly). Remove the mouse from the tabs and the sub-nav is then blank - what needs to happen is for it to re-set to the 'homepage' sub-nav (with the 'home' tab highlighted white) as it was on the initial page load.
The JS script is here:
The CSS is here:
Any advice would be much appreciated.