javascript - Revert to initial active tab when mouse leaves area, or using JS in Zurb Foundation -

i want revert active tab when user moves mouse away menu.

i have left top-level menu changes active tab on hover, using data-options="is_hover:true"

when hovering on of tabs, displays second-level menu in place of main content (which displayed in tab, displayed default on page load).

i want default content tab display whenever mouse leaves 1st or 2nd level menu area.

alternatively, can make other elements detect mouse hover , use js command initial tag active. cannot find documentation on js should say, eg:

$( ".detect" ).hover(function() {     $( set tab1 active please });

in end did put default content out of tab own div (where tabs go).

i made none of tabs active default in css.

then used js deactivate active tabs on hover of element class "detect":

$( ".detect" ).hover(function() { $(".content.active").removeclass( "active" ); $("li.active").removeclass( "active" ); });

Add