I am using jQuery idTabs pluging. I want to give hover feature and use divs with this feature. Default settings are working with click event. How can I change this feature.
Best Regards.
I am using jQuery idTabs pluging. I want to give hover feature and use divs with this feature. Default settings are working with click event. How can I change this feature.
Best Regards.
<div id="adv1" class="usual">
<span>
<div><a href="#t1">Tab 1</a></div>
<div><a href="#t2">Tab 2</a></div>
<div><a href="#t3">Tab 3</a></div>
</span>
<div id="t1">This is tab 1.</div>
<div id="t2">More content in tab 2.</div>
<div id="t3">Tab 3 is always last!</div>
</div>
<script type="text/javascript">
$("#adv1 span").idTabs({ start:1, change:false },true);
</script>
pretty junky script, why not consider the real tabs http://docs.jquery.com/UI/Tabs
I'm unsure how specifically you want to use divs, but to achieve the "hover" effect your talking about, use the following code:
$("...").idTabs("!mouseover");