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 1

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/