Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/12/2012, 15:56
el_loco90
 
Fecha de Ingreso: julio-2012
Mensajes: 234
Antigüedad: 12 años, 4 meses
Puntos: 9
Respuesta: como ir a una pagina segun la pestana

Cita:
Iniciado por emprear Ver Mensaje
hay muchos sistemas de tabs con jquery (o no), tenes que pasar el código que estés usando
yo lo tengo asi

1) usando la ultima version de jquery

2) codigo javascript
Código Javascript:
Ver original
  1. <script type=text/javascript>
  2. $(document).ready(function()
  3. {
  4. $(".tab_content").hide();
  5. $("ul.tabs li:eq(0)").addClass("active").show();
  6. $(".tab_content:eq(0)").show();
  7. $("ul.tabs li").click(function()
  8. {
  9. $(".tab_content").hide();
  10. $("ul.tabs li").removeClass("active");
  11. $(this).addClass("active");
  12. $(".tab_content").hide();
  13. var activeTab = $(this).find("a").attr("href");
  14. $(activeTab).show();
  15. return false;
  16. });
  17. });
  18. </script>

3) codigo html
Código HTML:
Ver original
  1. <div id=cuerpo>
  2.   <div id=centro3>
  3.   <UL class=tabs>
  4.   <li><a href="#tab1">1</a></li>
  5.   <li><a href="#tab2">2</a></li>
  6.   <li><a href="#tab3">3</a></li>
  7.   <li><a href="#tab4">4</a></li>
  8.   <li><a href="#tab5">5</a></li>
  9.   <li><a href="#tab6">6</a></li>
  10.   <li><a href="#tab7">7</a></li>
  11.   </ul>
  12.   <div class=tab_container>
  13.   <div id=tab1 class=tab_content>1</div>
  14.   <div id=tab2 class=tab_content>2</div>
  15.   <div id=tab3 class=tab_content>3</div>
  16.   <div id=tab4 class=tab_content>4</div>
  17.   <div id=tab5 class=tab_content>5</div>
  18.   <div id=tab6 class=tab_content>6</div>
  19.   <div id=tab7 class=tab_content>7</div>
  20.   </div>
  21.   </div>
  22.   </div>

gracias