HTML - Necesito un boton que al pulsar deslize la pagina hacia abajo y aparezca un texto

 
Vista:
sin imagen de perfil

Necesito un boton que al pulsar deslize la pagina hacia abajo y aparezca un texto

Publicado por Xia (2 intervenciones) el 01/12/2017 09:55:04
Buenos días a todos, Soy nueva en el foro y nueva en este mundo de la programación, necesito un boton que al pulsar deslize la pagina hacia abajo y aparezca un texto, para ser exactos, necesito que sea algo como esto: http://vicou.uvigo.es/es/gobierno/directorio.
La página que tengo que modificar esta en html.
Gracias de antemano
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Lopez
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Necesito un boton que al pulsar deslize la pagina hacia abajo y aparezca un texto

Publicado por Lopez (271 intervenciones) el 01/12/2017 13:24:28
Hola Xia,

En nombre de todos los colegas, te doy la Bienvenida a LWP.
Creo lo que buscas es la función 'toggle', la cual en este caso, expande y contrae elementos.
Configure un ejemplo para ti : https://codepen.io/lowpez/pen/KybeXK

Para este ejemplo use Jquery.
Bueno la sintaxis la trate de hacer lo mas simple posible:

CSS

1
2
3
<style>
.toggle  { display:none; }
</style>

JS

1
2
3
4
5
6
7
8
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js'></script>
<script>
$(window).load(function(){
$('.clickeame').click(function() {
    $(this).parent().find("div:eq(0)").fadeToggle("fast");
});
});
<script>

HTML

1
2
3
4
5
6
7
8
<div><a href="#" class="clickeame">Led Zeppelin</a><br />
<div id="tu-id" class="toggle">Surgido a finales de los años 60 en el Reino Unido, la influencia del grupo Led Zeppelin es incalculable en la historia del rock. Su música trasciende cualquier etiqueta, incorporando a su base hard rock y a sus textos con rasgos místicos y mitológicos heterogéneos sonidos que tanto se inspiran en el blues como en el folk británico o en el funk.</div>
</div>
 
<div>
<a href="#" class="clickeame">White Lion</a><br />
<div id="tu-id2" class="toggle">White Lion es un grupo estadounidense de Glam Metal. Perteneciente a la corriente de las bandas más melódicas, como Warrant. Esta banda fue influenciada por grupos como Journey, Boston y Van Halen.</div>
</div>

Cuéntanos que tal,
Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
sin imagen de perfil

Necesito un boton que al pulsar deslize la pagina hacia abajo y aparezca un texto

Publicado por Xia (2 intervenciones) el 14/12/2017 12:58:22
Muchas gracias,
al final lo estoy haciendo con la función "spoiler", ya que tengo que modificar una página a la que solo tengo acceso al gestor de contenidos, y desde mi ignorancia, no sé cómo meter el código jquery, pero si el css.
Con el spoiler por ahora e arreglado.


Lo que hice fue mas o menos esto: http://www.cubicfactory.com/jseditor/welcome/87497/edit

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar