Forum user: hamming

Hi,
I have multiple tabs. The sub-tabs are configured with ajax effect to bring external files.
I want the ajax loaded with preloading image, but does not work.
My code is:

$("ul.tabs1").tabs(".pane1");
$("ul.tabs2").tabs(".pane2", {effect: 'ajax'},
	function(i) {
		var pane = this.getPanes().eq(i);
		if (pane.is(":empty")) {
			pane.html('<img src="loading.gif" alt="Loading..." />');
			pane.fadeIn().animate({ opacity: 1.0 },1000);
			pane.load(this.getTabs().eq(i).attr("href"));
		}	
	});

Thank you very much.

Hello.

I have multiple tabs installed:
Tab1 contains Tab1A, Tab1B and Tab1C.
Tab2 contains Tab2A, Tab2B and Tab2C.
Tab3 contains Tab3A, Tab3B and Tab3C.

I know how to configure the default sub-tabs are as follows:

click Tab1 --> default Tab1_A
click Tab2 --> default Tab2_B
click Tab3 --> default Tab3_C

Thanks and sorry for my bad English

Epsd thank you very much.

I will try.
Greetings.

Hi,

I have this code to create ajax tabs and display external files:

$("ul.tabs").tabs("div.panes > div", 		
     function(i){
          var pane = this.getPanes().eq(i);
          if (pane.is(":empty")) { 
               pane.load(this.getTabs().eq(i).attr("href")); 
          } 		
 });

Now I want to apply a fade effect.
How do I do?, where I put effect: 'fade'?
Thank you very much.