Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2011, 09:24
Avatar de JuJoGuAl
JuJoGuAl
 
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 13 años
Puntos: 19
Pregunta Vinculo hacia una Pestana con un #

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:
Ver original
  1. <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:
Ver original
  1. <script type="text/javascript">
  2.  
  3. $(document).ready(function() {
  4.  
  5.     //Default Action
  6.     $(".tab_content").hide(); //Hide all content
  7.     $("ul.tabs li:first").addClass("active").show(); //Activate first tab
  8.     $(".tab_content:first").show(); //Show first tab content
  9.    
  10.     //On Click Event
  11.     $("ul.tabs li").click(function() {
  12.         $("ul.tabs li").removeClass("active"); //Remove any "active" class
  13.         $(this).addClass("active"); //Add "active" class to selected tab
  14.         $(".tab_content").hide(); //Hide all tab content
  15.         var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
  16.         $(activeTab).fadeIn(); //Fade in the active content
  17.         return false;
  18.     });
  19.  
  20. });
  21. </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.....