Plugin de acordeón minimalista para Vanilla JavaScript
| Autor: | pinceladasdaweb |
|---|---|
| Views Total: | 927 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 14, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un plugin de acordeón Dead simple escrito en JavaScript Pure Vanilla que le permite alternar la visibilidad del contenido paneles al hacer clic.
Funcionamiento
Importe el archivo JavaScript Accordion. min. js en el documento HTML.
<script src="assets/js/accordion.js"></script>
La estructura HTML básica para el acordeón.
<div id="accordion" class="accordion"> <h2 id="demo1">Demo 1</h2> <div> <ul> <li>Text here</li> <li>Text here</li> <li>Text here</li> </ul> </div> <h2 id="demo2">Demo 2</h2> <div> <ul> <li>Text here</li> <li>Text here</li> <li>Text here</li> </ul> </div> <h2 id="demo3">Demo 3</h2> <div> <ul> <li>Text here</li> <li>Text here</li> <li>Text here</li> </ul> </div> </div>
Hecho. Estilo del acordeón en el CSS según sus necesidades.
#accordion {
/* styles here */
}
#accordion .toggle-active {
/* styles here */
}
.closed {
display: none;
}
