tabs jquery_ui e doppio meu di navigazione

[sjpagan]

è si..... Da buon smanettone che sono ho trovato la soluzione, anche se credo che non sia molto elegante....

Ecco il mio codice html:

<div id="tabs">

                              <div id="nav_tabs">
  
                                <ul>
                                   <li ><a href="#tabs-1">Educazione Al Movimento / Danza Gioco </a></li>
                                   <li ><a href="#tabs-2">Predanza</a></li>
                                   <li ><a href="#tabs-3">Danza Classica</a></li>
                                   <li ><a href="#tabs-4">Carattere</a></li>
                                   <li ><a href="#tabs-5">Reperterio</a></li>
                                   <li ><a href="#tabs-6">Contemporaneo</a></li>
                                   <li ><a href="#tabs-7">Modern Contemporaneo</a></li>
                                   <li ><a href="#tabs-8">Hip hop</a></li>
                                   <li ><a  id="click_9" href="#tabs-9">Classico Spagnolo</a></li>   
                                   <li ><a id="click_10" href="#tabs-10">Flamenco</a></li>
                                   <li ><a id="click_11" href="#tabs-11">Danza del Ventre</a></li>
                                
                               </ul>

                            </div>


<div id="tabs-1" class="up_box">
</div>
...
<div id="tabs-11" class="up_box">
</div>

<div id="tabs_footer">
                                <div id="nav_tabs_footer">
                                <ul>                                       
                                       <li id="simulate_click_9"><a href="#tabs-9">Classico Spagnolo</a></li>
                                       <li id="simulate_click_10"><a href="#tabs-10">Flamenco</a></li>
                                       <li id="simulate_click_11"><a href="#tabs-11">Danza del Ventre</a></li>
                                </ul>
                                </div>
                                
                            </div>
                           
                        </div><!--Chiusura tabs-->

Come vedrete ci sono i due menu, quello primario e il secondario, nel mezzo ho messo in riassunto dei vari div...

Teoricamente ho simulato un click dalle voci sul fondo al menù principale usando questo codice:

   $(function(){
       $("#simulate_click_9").click(function(){
           $("#click_9").trigger("click");
           $(this).addClass("hover");
          
       });
       $("#simulate_click_10").click(function(){
           $("#click_10").trigger("click");
           $(this).addClass("hover");
          
       });
       $("#simulate_click_11").click(function(){
           $("#click_11").trigger("click");
           $(this).addClass("hover");
          
       });
   });

Cosa ne pensate ?