so you have an accordion and a tab structure, both with the same headers in the same order. In order to make them both display the same header no matter which one was selected, you would add two event listeners, one to accordion select, and one to tab select.
- $('#tabs').tabs({
- select: function(event, ui){
- $('#accordion').accordion('activate',ui.index);
- }
- });
- $('#accordion').accordion({
- change: function(event, ui){
- $('#tabs').tabs('select',ui.index);
- }
- });
if this isn't what you are looking for, try explaining it again, maybe in a different way. maybe with a test case on
http://jsbin.com to show us what you are trying to do.