Generador de acordeón en CSS puro
Código de menú acordeón que se abre y se cierra sin una línea de JavaScript
Genera el HTML y el CSS de un menú acordeón que funciona solo con el truco de los checkbox y los radio buttons, sin JavaScript. Es una solución práctica para desarrolladores y autores de blogs que necesitan FAQs, menús laterales o bloques de detalles plegables con una interfaz ligera y amigable para el SEO. Toda la edición y la generación de código se hacen en el navegador, sin enviar nada a un servidor.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Elige el modo de funcionamiento: apertura múltiple (checkbox) o apertura única (radio).
- Ajusta a tu gusto la velocidad de apertura, el color de fondo de la cabecera y el color del borde.
- Escribe el título y el contenido de cada elemento del acordeón, y añade o elimina los que necesites.
- Comprueba el resultado en la vista previa en vivo y copia por separado el código HTML y el CSS.
Preguntas frecuentes
- ¿De verdad funciona sin JavaScript?
- Sí. La apertura y el cierre se consiguen únicamente con inputs de tipo checkbox o radio ocultos, etiquetas label y selectores CSS de hermanos.
- ¿Cuál es la diferencia entre apertura múltiple y apertura única?
- Con la apertura múltiple (checkbox) puedes tener varios elementos abiertos a la vez; con la apertura única (radio) solo permanece abierto uno cada vez.
- ¿Puedo pegar el código generado en WordPress u otro blog?
- Sí. Si pegas el HTML junto con el CSS desde el modo de edición HTML, funcionará igual en la mayoría de las plataformas de blogs.