Tema: Contador de pestañas de un acordeón
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/04/2014, 10:03
Avatar de ceaped
ceaped
 
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Pregunta Contador de pestañas de un acordeón
Buenos días
Tengo un sistema de acordeón así:

1. Una página index.php
2. En ella se cargan otras páginas cada una en una pestaña.

Código PHP: 
Ver original
  1. <?php include("pagina_01.html"); ?>

Como le puedo poner un contador para saber cuantas pestañas hay ya sea si se aumenta o se quita

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Título</title>
  5.  
  6. <script type="text/javascript" src="js/jquery.min.js"> </script>
  7.  
  8.  
  9. <!-- acordeon -->
  10. <script type="text/javascript">
  11. $(document).ready(function() {
  12.      
  13.     jQuery('.bloque_activador_rojo').click(function() {
  14.         jQuery('.bloque_activador_rojo').removeClass('on');       
  15.         jQuery('.accordionContent').slideUp('normal');   
  16.         if(jQuery(this).next().is(':hidden') == true) {         
  17.             jQuery(this).addClass('on');              
  18.             jQuery(this).next().slideDown('normal');
  19.          } 
  20.           
  21.      });
  22.     
  23.     jQuery('.accordionContent').mouseover(function() {
  24.         jQuery(this).addClass('over');
  25.         
  26.     }).mouseout(function() {
  27.         jQuery(this).removeClass('over');                                       
  28.     });
  29.         
  30.     jQuery('.accordionContent').hide();
  31.  
  32. });
  33. </script>
  34. <!-- acordeon -->
  35.  
  36. </head>
  37.  
  38. <body>
  39.  
  40. <div id="container">
  41.  
  42. <h2 class="bloque_activador_rojo" title="Haz clic">Pestaña 1</h2>
  43. <div class="accordionContent">
  44.  
  45. <?php include("pagina_01.html"); ?></div>
  46.  
  47.  
  48. <h2 class="bloque_activador_rojo" title="Haz clic">Pestaña 2</h2>
  49. <div class="accordionContent">
  50.  
  51. <?php include("pagina_02.html"); ?></div>
  52.  
  53.  
  54. <h2 class="bloque_activador_rojo" title="Haz clic">Pestaña 3</h2>
  55. <div class="accordionContent">
  56.  
  57. <?php include("pagina_03.html"); ?></div>
  58.  
  59.  
  60. <div class="footer">Footer</div>
  61.  
  62. </div>
  63.  
  64. </body>
  65. </html>

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario