Lio con el "Leer más"

[MindPaniC]

Hola estoy diseñando una web y tengo un lio bastante bueno.

Tengo una seccion que es staff:
http://bi.loslocostambientienenblog.com/staff.html

Lo que quiero es que se muestre al pulsar en leer más el resto de la info del usuario, probandolo en un solo usuario funcionaba de lujo, el conflicto es el tener mas de uno, probarlo y vereis que se vueve loco.

este es el javascript:

Código Javascript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
function toggleAndChangeText() {
     $('#leer-mas').toggle();
     if ($('#leer-mas').css('display') == 'none') {
          $('#aTag').html('Leer más &#9660');
     }
     else {
          $('#aTag').html('Leer menos &#9650');
     }
}
</script>
<script type="text/javascript">
function toggleAndChangeText() {
     $('#leer-mas2').toggle();
     if ($('#leer-mas2').css('display') == 'none') {
          $('#aTag').html('Leer más &#9660');
     }
     else {
          $('#aTag').html('Leer menos &#9650');
     }
}
</script>
 

Como veis lo he duplicado a ver si asi funciona, pero nada no funciona.

¿existe algun metodo con jQuery que haga esto y no cause conflictos?
¿Cual es la solución?

Saludos