Ocultar una parte del texto al hacer clic

Estoy tratando de construir en Wordpress una especie de cancionero en red. La estructura de las canciones es algo así:
Fa Sol La
Letra de la canción
Re La mim
Letra de la canción
Los acordes tienen asignado un class por medio de css. Me gustaría añadir un botón con el que, haciendo clic pudiera hacer desaparecer las notas y dejar solamente el texto de la canción, (que en css sería algo así como display:none;).
Lo ideal sería que la página no se recargara y el cambio fuese instantáneo.
Mis conocimientos de php son bastante escasos, pero así a simple vista me parece que añadir algo que haga a ese atributo display aparecer o desaparecer debe ser relativamente sencillo.

Un saludo y gracias!

Te recomiendo lo hagas con jquery , el siguiente codigo no funcionara pero te da una idea de como seria:

Código Javascript :

<script>
$(document).load{function(

$("#clickeame").addStyle("display","none);
)}
<script>

Usando un codigo como ese (Habiendo incluido previamente la libreria de JQuery , incluso podrias agregarle un buen efecto de "desvanecimiento" al texto mientras desaparece.

Muchas gracias, creo que es justo lo que necesitaba. Un saludo!