Contador de pestañas de un acordeón

ceaped · #1 (**permalink**) 07/04/2014, 10:03

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<?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<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Título</title>
 
<script type="text/javascript" src="js/jquery.min.js"> </script>
 
 
<!-- acordeon -->
<script type="text/javascript">
$(document).ready(function() {
     
    jQuery('.bloque_activador_rojo').click(function() {
        jQuery('.bloque_activador_rojo').removeClass('on');       
        jQuery('.accordionContent').slideUp('normal');   
        if(jQuery(this).next().is(':hidden') == true) {         
            jQuery(this).addClass('on');              
            jQuery(this).next().slideDown('normal');
         } 
          
     });
    
    jQuery('.accordionContent').mouseover(function() {
        jQuery(this).addClass('over');
        
    }).mouseout(function() {
        jQuery(this).removeClass('over');                                       
    });
        
    jQuery('.accordionContent').hide();
 
});
</script>
<!-- acordeon -->
 
</head>
 
<body>
 
<div id="container">
 
<h2 class="bloque_activador_rojo" title="Haz clic">Pestaña 1</h2>
<div class="accordionContent">
 
<?php include("pagina_01.html"); ?></div>
 
 
<h2 class="bloque_activador_rojo" title="Haz clic">Pestaña 2</h2>
<div class="accordionContent">
 
<?php include("pagina_02.html"); ?></div>
 
 
<h2 class="bloque_activador_rojo" title="Haz clic">Pestaña 3</h2>
<div class="accordionContent">
 
<?php include("pagina_03.html"); ?></div>
 
 
<div class="footer">Footer</div>
 
</div>
 
</body>
</html>

Gracias por su ayuda