Imprimir esta página
Miércoles, 26 Julio 2017 18:59

Sección Desplegable con HTML, CSS (SASS) y Jquery

Valora este artículo
(0 votos)

Aprende como mostrar informacion oculta de una sección desplegable al presionar un boton con Jquery; Aprenderemos como hacer una Sección Desplegable para nuestros sitios web. Y con sección desplegable me refiero a una parte de nuestro sitio que estará oculta hasta que el usuario presione un botón para mostrarla.

 

 Ejemplo:
seccion desplegable jquery
 

En esta sección oculta podemos mostrar contenido extra de nuestros sitios, promos, formularios para suscribirse a un newsletter o lo que tu quieras.

Lo que nosotros realizaremos es exactamente lo mismo, una sección oculta que aparecerá al mostrar un botón de nuestra pagina. Como siempre, aquí también te explicaremos como hacer esta sección adaptable a dispositivos móviles. Desde smartphones hasta tablets.

Demo del sitio que estaremos realizando:

http://falconmasters.com/demos/toggle-section/

Recursos a utilizar:

Jquery: http://jquery.com/

Normalize CSS: http://necolas.github.io/normalize.css/

Colors: http://clrs.cc/

Codigo en Github: https://github.com/falconmasters/Seccion-Desplegable-con-Jquery

 

Fuente: http://www.falconmasters.com/web-design/seccion-desplegable-jquery/

Visto 172 veces

Medios