Tabs within tabs: activating parent tab?

Tabs within tabs: activating parent tab?

Hey guys!

I have a tricky question for you: i'm using a tabs inside tabs structure, like this: 

  1. $('#tabs').tabs();
  2. $('#tab1').tabs();

  4. <div id="tabs">
  5. <ul>
  6. <li><a href="#tab1"><span>tab 1</span></a></li>
  7. <li><a href="#tab2"><span>tab 2</span></a></li>
  8. <li><a href="#tab3"><span>tab 3</span></a></li>
  9. </ul>

  11. <div id="tab1">
  12. <ul>
  13. <li><a href="#subtab1"><span>subtab 1</span></a></li>
  14. <li><a href="#subtab2"><span>subtab 2</span></a></li>
  15. <li><a href="#subtab3"><span>subtab 3</span></a></li>
  16. </ul>
  17. <div id="subtab1">subtab 1</div>
  18. <div id="subtab2">subtab 2</div>
  19. <div id="subtab3">subtab 3</div>

  21. </div>
  22. <div id="tab2">tab 2</div>
  23. <div id="tab3">tab 3</div>
  24. </div>

How can i make subtab2, for example, a "fake tab" that opens the parent tab3? If someone clicks subtab2, i want to open tab3, instead of subtab2.