I have implemented jquery tab in MVC. It's working fine. Now I want some customizations on it.
The code I have used
var total = $tabs.find('.ui-tabs-nav li').length;
var currentLoadingTab = 0;
$tabs.bind('tabsload',function(){
currentLoadingTab++;
if (currentLoadingTab < total)
$tabs.tabs('load',currentLoadingTab);
else
$tabs.unbind('tabsload');
}).tabs('load',currentLoadingTab);
But this loads all the tab content at a time. Suppose, I have three tabs. After loading and showing the content of first tabs, the other tabs' content will be loaded in background or some kind of ajax. So that user can do normal work on first tab during loading content for others tab. When loading going on, it will show a message 'Loading...' on currently loaded tab.