jQuery tabs and url links

jQuery tabs and url links

Hello Everyone:

My question is about jQuery tabs and external URL links. I've installed some jQuery tabs on my site. Following is the html format:

  1. <div id="vtab">
  2.     <ul>
  3.         <li id="tab_1" class="home"></li>
  4.         <li id ="tab_2" class="experience"></li>
  5.     </ul>
  6.     <div id="tab1_content" class="outer">
  7.         <iframe src="http://www.mysite.com/runtime/tab1.php" frameBorder="0"></iframe>
  8.     </div>
  9.     <div id="tab2_content" class="outer">
  10.         <h1>Experience</h1>
  11.         <ul>
  12.         <li>Item 1</li>
  13.         <li>Item 2</li>
  14.         </ul>
  15.        
  16.     </div>
  17. </div>
As you can see each tab consists of two elements. For example:

  • $('#tab_1')
  • $('#tab1)
They are not adjacent to each other so I can not group them in a common and dedicated <div>.

So... how can I create an external link to tab_1/tab1??

I really enjoy the jQuery tabs, they are much cleaner than loading separate pages for each of the tab's content. But there has to be a way to create external links to give $('#tab_1') and $('#tab1') focus.

Thanks in advance:

Pavilion