is it possible to get the # markups on click into the url ???

greez :-)

Waiting for reply…

    <script type="text/javascript" charset="utf-8">
    $(function() {
        var tabContainers = $('div.tabs > div');
        tabContainers.hide().filter('#first').show();
    $('div.tabs ul.tabNavigation a').hover(function() {
        tabContainers.hide();
        tabContainers.filter(this.hash).show();
        $('div.tabs ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }, function() {
        tabContainers.hide();
    });
    });
   </script>

I believe this is what your are looking for,

    <script type="text/javascript" charset="utf-8">
    $(function() {
        var tabContainers = $('div.tabs > div');
        tabContainers.hide();
    $('div.tabs ul.tabNavigation a').hover(function() {
        tabContainers.hide();
        tabContainers.filter(this.hash).show();
        $('div.tabs ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }, function() {
        tabContainers.hide();
    });
    });
   </script>

What I need is for the 1st tab to show up and not hide all. Any ideas?

1st I would like to thanks for the excellent post. I used the tabs on this page. http://www.georgeforemancooking.com/c-8-our-products.aspx They work great, I am having some trouble getting them to work on roll over instead of on selected. I would be greatful if you could point me in the right direction.

Thanks, Judd

implemented it and works perfect but , just have one question :

is it possible to hide all content of all 3 tabs on the page load , and only display and i click on a tab?

hope u understand what i mean cose my english is bad ,

Thanks.