Soy nuevo en jquery y bootstrap, así que por favor considere mis errores. He creado un modo de arranque para el inicio de sesión y el registro. Contiene dos pestañas de navegación llamadas inicio y registro. Tengo dos botones que emergen en la misma ventana modal, pero muestran una pestaña diferente dentro de la ventana modal. En cada pestaña hay un formulario con un número de entradas. Mi problema es que se abra el modal con la pestaña de inicio de sesión abierta cuando hago clic en el botón "iniciar sesión" y la pestaña de registro se abre cuando hago clic en el botón "registrarse" en mi página.

Estos son 2 enlaces en los que se abre el modal:

<div class="header-login-li" style="background-color:gray;float:left;width:100px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Login <i class="icon-chevron-down" style="font-size:20px"></i></center></font>
</big></a></div>

<div class="header-register-li" style="background-color:green;float:right;margin-right:-15px;width:130px;height:60px;">
<a data-toggle="modal" href="#regestration" class="header-register-a" >
<big>
<font color="white" class="header-register-font"><center style="margin-top:20px;">Register</center></font>
</big></a>

Aquí está mi código de pestañas y su contenido (estoy evitando código innecesario aquí):

 <div class="tabbable" >
      <ul class="nav nav-tabs" ><!--tabs-->
        <li class="active" style="position:absolute;margin-left:0px;" id="logintab">
        <a href="#pane_login" data-toggle="tab">Login</a></li>
        <li style="margin-left:70px;" id="reg_tab" ><a href="#pane_reg" data-toggle="tab">Registration</a></li>

      </ul>
      <div class="tab-content"><!--login tab content-->
         <div id="pane_login" class="tab-pane active">
             <form id="login-form" target="login-signup-iframe" method="post" action="#" name="login-form">

              </form>

        </div><!--/pane_login-->

        <div id="pane_reg" class="tab-pane"><!--registration tab content-->
           <form id="regestration-form" target="login-signup-iframe" method="post" action="#" name="regestration-form">

            </form>
         </div>
        </div><!-- /.tab-content -->
</div><!-- /.tabbable -->

Creo que esto se puede hacer fácilmente a través de jquery. Pero no sé exactamente cómo hacerlo. Entonces, por favor, ¿alguien puede ayudarme a resolver mi problema? ¿Gracias de antemano?