Question: I have this coding. I want to be able to access say Data Extraction page given a hyperlink. What would i have to add?

thanks
Gordon

```
    <div id="tabs">
        <ul>
            <li><a href="#tabs-instr"  >Instructions</a></li>
            <li><a href="#tabs-documentation"  >Documentation</a></li>            
            <li><a href="#tabs-step1"  >Data Extraction</a></li>
            <li><a href="#tabs-support">FAQ</a></li>
            <li><a href="#tabs-user"   >User Info</a></li>
        </ul>
        <div id="tabs-instr"></div>
                    <div id="tabs-documentation"></div>
        <div id="tabs-support"></div>
        <div id="tabs-user"></div>
        <div id="tabs-step1"></div>
      </div>
<script>
            $.get("cgi_scripts/main_userinfo.cgi",function(data){$("#tabs-user").html(data)});
            $.get("cgi_scripts/main_faqpage.cgi",function(data1){$("#tabs-support").html(data1)});
            $.get("cgi_scripts/main_intro_page.cgi",function(data2){$("#tabs-instr").html(data2)});
            $.get("cgi_scripts/main_documentation.cgi",function(data2){$("#tabs-documentation").html(data2)});            
            </script>   

```

Answer: 
I think what you need is a jQuery history plugin. 
Using this plugin it allows you to go to the Data Extraction page with a link like <http://server/page#tabs-step1>

There are a couple of them available. This seems to be a good one: <http://www.asual.com/jquery/address/>
As a sidenote, I'd throw the script block in a document.ready(). $(function(){}) if you prefer. 

jQuery-ui tabs will auto-number the tab IDs it generates:

> 
> Tabs created dynamically using .tabs( "add", ... ) are given an id of
>  ui-tabs-NUM, where NUM is an auto-incrementing id. If you use this
>  naming convention for your own elements, you may encounter problems
> 
> 
> 

I recommend inspecting a generated page and looking for a ID=ui-tabs-### for the tab that you want, and then creating a link like XGreen mentioned.

```
> <a href='secondPage.html#TheIDofTheContainer'>Go to a specific section
> on page 2</a>

```

just change the #TheIDofTheContainer to the jQuery-ui tabs generated ID.