Vinculo hacia una Pestana con un #

[JuJoGuAl]

Buenas mi problema es que tengo 3 pestanas (tabs) en mi web y las e trabajado para cuando haces clic en una se muestre (tipica navegacion con tab)

ahora he hecho un boton que al hacer clic te lleve y te abra a la PESTANA 2:

Código HTML:

<a href="#tab2" class="button">M&aacute;s detalles</a>
 

pero no funciona si la tap no esta abierta no va hacia ella...

para las pestana hice esto:

Código Javascript:

<script type="text/javascript">
 
$(document).ready(function() {
 
    //Default Action
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content
    
    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });
 
});
</script>
 

como puedo hacer para cuando hago clic en el boton me lleve (mueva la pantalla) a donde estan las pestanas y me dezpliegue la Numero 2.....