Ocultar/Mostrar Capa, con repeticiones de registros

[Zeuser]

Buenas, tengo un problema a la hora de realizar con javascript y css un simple mostrar y ocultar capa.

Aquí el código javascript:

Código:

<script language="javascript" src="jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function(){
	$('#capitols').slideUp('slow');
    estado=0;                          
    $("#oculta").click(function () { 
       if(estado==0) {
         $('#capitols').slideDown('fast');
         estado=1;
      } else {
         $('#capitols').slideUp('fast');
         estado=0;
      }
    });
});

function permuter(arg)
{
var arg2 = String(arg);
var elt2 = document[arg2];
if (elt2.src.indexOf('arxius/colapsat.png') > -1)
{
elt2.src = '../arxius/expandit.png';
}
else
{	
elt2.src = '../arxius/colapsat.png';
}
}
</script>

Y ahora el html con capas y con un poco de php, donde hay un juego de registros, y un do while, para ir repitiendo el contenido.

Código HTML:

<div class= "contenidoenlaces">

     <?php do { ?>

<a id="oculta" href="#" alt="" onClick="javascript:permuter('section1');" style="color:#FFF;">
    	
    
   <div class= "temporadasserie">
  	<span class="titulotemporada">    
        <?php echo $row_vertemporadas['temporada']; ?> <img name="section1" src="<img src="arxius/colapsat.png" width="13" height="14"" alt="" border="0" onClick="javascript:permuter('section1');" />
     </span>    
     </div>
       </a>
    
     <div id="capitols">
    Hola
  </div>
    
       <?php } while ($row_vertemporadas = mysql_fetch_assoc($vertemporadas)); ?>
 
   </div> 

En la primera vez, donde se muetra la temporada 1, el código funciona correctamente. Primero está oculto, y al darle clic se muestra la id capitols.
El problema está en que tengo más de una temporada, y en temporada 2 y las siguientes, la capa capitols ya se muestra desde un principio.

Se que es un problema con el do while, o eso supongo, pero nose como solucionarlo.

Además, el resto de temporadas al darle click, no ocurre nada.

Muchas gracias.