Muestra contenido desplegable con las etiquetas details
y summary
.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Botón
...
...
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Botón
...
Puedes añadir tres tipos de efectos para el acordeón:
1. Efectos que apuntan a la clase .details-body
...
2. Efectos que apuntan a la clase .details-content
...
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Botón
...
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Botón
...
...
Crea diferentes estilos con aquellas clases con las que cuenta Genesis CSS, aquí tienes un ejemplo de un estilo distinto a los que has conocido arriba.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aliquid soluta minus ad sed, ut, dicta, ea minima mollitia natus aspernatur amet iusto qui eligendi exercitationem. A eligendi delectus, ipsum doloribus, consectetur praesentium magnam amet repudiandae beatae ad, adipisci ea voluptate enim nihil facere? Officia ea omnis voluptates autem corporis repellendus.
Botón
...