https://github.com/jairo51067/accordion
Este proyecto consiste en un acordeón interactivo para mostrar (FAQs), implementado con HTML, CSS y JScript Se diseñó para garantizar una interfaz limpia y organizada permitiendo que solo una sección esté expandida a la vez El principal desafío fue gestionar el estado de los paneles dinámicamente con JScript logrando un código reutilizable.
https://github.com/jairo51067/accordion
css3 html5 javascript responsive-web-design
Last synced: about 2 months ago
JSON representation
Este proyecto consiste en un acordeón interactivo para mostrar (FAQs), implementado con HTML, CSS y JScript Se diseñó para garantizar una interfaz limpia y organizada permitiendo que solo una sección esté expandida a la vez El principal desafío fue gestionar el estado de los paneles dinámicamente con JScript logrando un código reutilizable.
- Host: GitHub
- URL: https://github.com/jairo51067/accordion
- Owner: jairo51067
- Created: 2024-10-10T16:44:36.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-20T13:56:40.000Z (6 months ago)
- Last Synced: 2025-01-30T09:17:12.004Z (3 months ago)
- Topics: css3, html5, javascript, responsive-web-design
- Language: HTML
- Homepage: https://jairo51067.github.io/Accordion/
- Size: 63.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# "Accordion FAQ: Un componente dinámico para preguntas frecuentes"
"Este proyecto es un componente web de acordeón interactivo diseñado para organizar preguntas frecuentes (FAQs) de forma dinámica y eficiente. Permite expandir y contraer secciones con una experiencia limpia y ordenada, gracias a su lógica de cierre automático. Desarrollado con HTML5, CSS3 y JavaScript puro, destaca por su simplicidad y funcionalidad. Se enfrentaron desafíos como implementar una lógica eficiente para manejar múltiples paneles abiertos simultáneamente, logrando una solución flexible sin frameworks externos. Este componente es ideal para sitios informativos que buscan una experiencia de usuario optimizada y adaptable."
[Enlace al proyecto](https://jairo51067.github.io/Accordion/)
Vista previa del proyecto
## Características
- **Interactividad dinámica**: Los usuarios pueden abrir una pregunta a la vez, manteniendo la interfaz ordenada.
- **Cierre automático**: Al abrir una sección, otras secciones abiertas se contraen automáticamente.
- **Diseño adaptable**: Utiliza HTML y CSS para garantizar una visualización correcta en distintos dispositivos.
- **Implementación sin frameworks**: Solución ligera con JavaScript puro.
## Tecnologías Utilizadas
- **HTML5**: Estructura semántica del componente y contenido.
- **CSS3**: Estilizado para el diseño responsivo y dinámico de los elementos.
- **JavaScript**: Implementación de la funcionalidad de acordeón.
## Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/usuario/nombre_del_proyecto.git
```
2. Navega al archivo `index.html` y ábrelo en tu navegador.
## Cómo Contribuir
1. Haz un fork del repositorio.
2. Crea una nueva rama para tus cambios:
```bash
git checkout -b mi-rama
```
3. Realiza los cambios y confirma tus actualizaciones.
4. Envía un pull request detallando tus mejoras.
## Licencia
Este proyecto está bajo la licencia MIT.
## Autor
Este proyecto fue desarrollado por **Jairo Cárdenas**.
- **Correo**: [[email protected]](mailto:[email protected])
- **GitHub**: [@jairo51067](https://github.com/jairo51067)
https://roadmap.sh/projects/accordion