$.tools.tabs.addEffect("myEffect", function(tabIndex, done) { 
 
   this.getPanes().hide('normal').eq(tabIndex).show('normal');
     
    done.call();   
 
});

 
 
$("#content ul.tabs").tabs("div.panes > div", { 
 
    
    current: 'current', 
    effect: 'myEffect', 
    initialIndex: 0,
  
  // just before tabs are clicked, we load the contents 
    onBeforeClick: function(i) { 
 
        // get the pane to be opened 
        var pane = this.getPanes().eq(i); 
 
        // load contents only the first time it's opened 
        if (pane.is(":empty")) { 
 


			// load it with a page specified in the tab's href attribute
			pane.load(this.getTabs().eq(i).attr("href"));
		}

	}

});