You have the mouseover event and the load method, that's all you need:
var $tabs = $('#example').tabs({ cache: true });
$('a', $tabs).mouseover(function() {
$tabs.tabs('load', $('a', $tabs).index(this));
});
I set the cache option to true, because otherwise the Ajax content
would be loaded when clicking a tab again, which doesn't make much
sense here I guess.
--Klaus
On Sep 14, 6:31 pm, Vivek <[EMAIL PROTECTED]> wrote:
> Hi all,
>
> I am relatively new to the jquery UI. I want to use jquery UI Tabs by
> klaus. I want to combine ajax tabs with custom tabs in this way :-
>
> I have 4 tabs tab1, tab2, tab3 and tab4 all of these will be ajax
> tabs will get their content from other Urls. What i want is suppose
> tab1 is showing, when an user take mouse over to other tab say tab3
> it loads the content of it However will not show the tab. When the
> User clicks on the tab3 then it should show the content of the tab.
>
> How can i achieve this.
>
> Please suggest.
>
> Thanks !!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
