Setting a Tab Active

Hi,

I have 2 tabbar’s on the same page. One as left and one as top.

The left tabbar has 2 tabs : Vol1 and Vol2 while the top tabbar has two tabs : abc and xyz.

What i want is the following combination:

Part 1:

left.tab == vol1 && top.tab == abc : Then display some content

left.tab == vol2 && top.tab == abc : Then display some content

left.tab == vol1 && top.tab == xyz : Then display some content

left.tab == vol2 && top.tab == xyz : Then display some content



Part2 :

Also, whenever i have left.tab == vol1 or left.tab == vol2 then top.tab = abc;



I tried using tab.setOnSelectHandler() which does Part1 but i am not able to do Part 2.

Can you please help me

I tried using tab.setOnSelectHandler() which does Part1 but i am not able to do Part 2.
It can be done as
tab1.attachEvent(“onSelect”,function(id){ //alias for setOnSelectHandler
if (id == “vol1”)
tab2.setTabActive(“abc”); //will trigger onSelect for tab2
else {
//some custom logic
}
})

thank you for your quick response