jQuery tabs mouseover menu; after mouseoff back to selected
Hello,
I'm having troubles making a tabbed menu work.
I want tabs which are triggered on mouseover, with one tab being selected from the start; I got this so far. But now I want the tab-menu to go back to the first, selected tab after mouseoff, preferably with a little delay + fade.
Any ideas on how to do this?
(using jQuery + UI + UI tabs)
Got this so far:
-
$(function() {
$("#tabmenu").tabs({
selected: 0,
event: 'mouseover',
fx: { opacity: 'toggle', duration: 'fast' } });
});
-
<div id="tabmenu">
<div id="tabs-1">
<p>Content of tab 1.</p>
</div>
<div id="tabs-2">
<p>Content of tab 2.</p>
</div>
<div id="tabs-3">
<p>Content of tab 3.</p>
</div>
<ul>
<li><a href="#tabs-1">Tab one</a></li>
<li><a href="#tabs-2">Tab two</a></li>
<li><a href="#tabs-3">Tab three</a></li>
</ul>
</div>