multiple ui tabs on one page

i have been setting up 3 rows of tabs on one page. it works fine in terms of each panel closes when another is selected but on each row there always remains one tab as selected.

Do you know of anyway to ensure for example that when i click a tab on row two and it becomes selected it will also remove the selected state from the tab on any other row?

i have tried this but it does not do the trick

//
$("#tabs1 ul li a").click(function(){
$('#tabs2').tabs({ selected: -1});
$('#tabs3').tabs({ selected: -1});
});

thanks for any help

• Topic Participants

• chris.donbavand

• mdj_cruz_mermy