This is a migrated thread and some comments may be shown as answers.

[Solved] Open on mouseover

1 Answer 113 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
nachid
Top achievements
Rank 1
nachid asked on 31 Mar 2011, 06:58 AM
In the jQuery UI tab, there is a nice option I cannot find here
They call it "Open on mouseover"
I searched the effects property and I did not find it there
I may have missed it

Otherwise what would be the best way to toggle tabs (open/closed) on "mouseover" instead of the "click" event

1 Answer, 1 is accepted

Sort by
0
nachid
Top achievements
Rank 1
answered on 20 Apr 2011, 08:58 AM
$("li", ".t-tabstrip-items").mouseenter(function()
{
    $('.t-tabstrip.t-header').data('tTabStrip').select(this);
});

UPDATE
The previous code could not raise the select event so I modified it to this

// Make all tabstrips open on mouseover
$('.t-tabstrip-items>li').mouseenter(function (e)
{
  $(e.target).trigger('click');
});

Hope this can help someone with the same need
Tags
TabStrip
Asked by
nachid
Top achievements
Rank 1
Answers by
nachid
Top achievements
Rank 1
Share this question
or