jQuery idTabs plugin hover feature problem

Question

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.

Answer 1

<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

Answer 2

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");