ho già cercato in rete ma non ho trovato nulla che mi desse delle indicazioni per risolvere il mio problema

io vorrei ottenere delle tabs annidate ovvero:

tab_principale_1|tab_principale_2|tab_principale_3

all'interno di tab2 vorrei ottenere
tab_griglia_1|tab_griglia_2 ecc

riesco a farlo dal punto di vista grafico, ma se poi clicco sulle tab griglia javascript mi scatena anche la selezione delle tab princiaple

vi incollo il pezzo di codice che dovrebbe interessare questo problema

codice:
$("#tabs").tabs({
idPrefix: 'ui_tabs_principale'
});

$('#tabs').bind('tabsselect', function(event, ui_tabs_principale) {

var valore_index_tabs =ui_tabs_principale.index;

===================================================

$("#tabs_griglia").tabs({
idPrefix: 'ui_tabs_griglia'
});

$('#tabs_griglia').bind('tabsselect', function(event, ui_tabs_griglia) {
var valore_index_tabs_griglia =ui_tabs_griglia.index;
spero di essere stato sufficientemente chiaro...

ringrazio anticipatamente per le eventuali risposte

buona giornata a tutti