How can I control Tabbar?

Hello.
I’m using old version of tabbar. v3.6

Could I ask basic of tabbar control?

for example.
This is which I want code style.

function init() {					
	BodyLayOut = CreateBodyLayOut("3L");
	tab = BodyLayOut.cells("a").attachTabbar();
	tab.setSkin("skyblue");
	tab.addTab("a", $L('W_HOGI'), 70);
	tab.addTab("b", $L('W_EQUIP_CATEG'), 70);
	tab.addTab("c", $L('W_DEPT_CODE'), 70);
	tab.addTab("d", $L('W_EQUIP_TCODE'), 70);

	tab.setTabActive("a");		
	tab.attachEvent("onTabClick", function(id, lastId){
	    if( id == "b" && !tabB){

//I guess I have to input something code in here.
tabB = true;
}
if( id == “c” && !tabC){
//I guess I have to input something code in here.
tabC = true;
}
if( id == “d” && !tabD){
//I guess I have to input something code in here.
tabC = true;
}
});

Hello World1
Hello World2
Hello World3
Hello World4

How can I show div which named tab1~4 when I click the tab?
I dunno how to open div when I clicked tab.

Thank you please let me know.

You may try to use the setContent() method.
Here you can find a tutorial:
docs.dhtmlx.com/3.6/doku.php?id … nt_loading