css per testo espanso al click

[eelisa]

ciao, scusate mi trovo ad avere un problema con il css per fare un testo espanso
questo è il codice che ho usato
per il primo è stato perfetto, ho provato a farne un altro nella stessa pagina ma cliccando sul secondo titolo mi riappare sempre il testo del primo nella posizione del primo
non so come risolverlo!spero possiate aiutarmi,
grazie!




<div class="div_testotitolo">

<span class="testotit">
<a href="javascript:;" class="testotit" onMouseDown=";if(document.getElementById('animated iv2').style.display == 'none'){ document.getElementById('animatediv2').style.displ ay = 'block'; }else{ document.getElementById('animatediv2').style.displ ay = 'none'; }" ;="">AAA
</a>
</span>

<div id="animatediv2" style="display:none" >
<div class="div_testotesto">..
</div>
</div>
</div>

[Prill]

Usi lo stesso id animatediv2 per due testi diversi

[Mich_]

Non e` CSS.

E` codice JS, per cui sposto nella sezione Javascript.