How could I do this... ?

How could I do this... ?

Hello,

I have the next code in jquery:
  1.         $(".tab_content").hide();
            $("ul.tabs li:first-child").addClass("active").show();
            $(".block").find(".tab_content:first").show();

            $("ul.tabs li").click(function() {
                    $(this).parent().find('li').removeClass("active");
                    $(this).addClass("active");
                    $(this).parents('.block').find(".tab_content").hide();

                    var activeTab = $(this).find("a").attr("href");
                    $(activeTab).show();

                    // refresh visualize for IE
                    $(activeTab).find('.visualize').trigger('visualizeRefresh');

                    return false;
            });















The code work fine and it just change the content of some tabs when you click in them. The html code is this: 
  1.  <ul class="tabs"> 
     <li><a href="#tab1">Tab 1</a></li> <li><a href="#tab2">Tab 2</a></li> </ul> </div> <!-- .block_head ends --> <div class="block_content tab_content" id="tab1"> <h3>This is the first tab</h3> <p>content tab 1</p> 
     </div> <!-- .block_content ends --> <div class="block_content tab_content" id="tab2"> <h3>This is the second tab</h3> <p>content tab 2</p> </div> <!-- .block_content ends -->
When I reload the page it always show first tab content. How could I choose dinamically which tab to show in the first reload ?

Thanks and best regards.