Comunidad de diseño web y desarrollo en internet online

Ocultar una parte del texto al hacer clic

Citar            
MensajeEscrito el 10 Oct 2010 10:53 am
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!

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

safari
Citar            
MensajeEscrito el 11 Oct 2010 02:36 pm
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.

Por Xer0s

Claber

276 de clabLevel

3 tutoriales

 

Colombia

chrome
Citar            
MensajeEscrito el 11 Oct 2010 02:46 pm
Muchas gracias, creo que es justo lo que necesitaba. Un saludo!

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

safari

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.