Buenos días y gracias a todos por vuestras respuestas.
He intentado lo que comentan los compañeros pero continúo sin conseguirlo, he buscado información y creo que puede hacerse con un cambio de las clases que contienen cada imagen con onclick. Es decir:
<a href="#" onclick="cambiar('mostrar'); return false;" title="listar" class="secciono10px"><img style="vertical-align: bottom;" src="images/trans.gif" class="noticiasVerMas"
onclick="this.className='noticiasVerMenos'; return false;" alt="Ver mas" width="12px" height="12px"></a>
De esta forma consigo que al clickar y desplegar la información pase de mostrar el símbolo (+) y muestre el símbolo (-). Lo malo es que cuando vuelvo a pulsar para esconder la información el símbolo (-) no cambia a símbolo (+) de nuevo.
Una vez lo solucione ya me centraré en optimizar el código :)