Traté de hacer un acordeón usando HTML, CSS y JavaScript. El HTML y el CSS funcionan bien, pero la implementación de JavaScript no funciona. ¿Alguien me puede ayudar?
Los archivos están aquí: https://drive.google.com/drive/folders/1nzEyyU_4QA4x_qh1QE_rz3V3DD_r7PAv?usp=sharing
No puedo agregar fragmentos de código porque el desbordamiento de la pila no me permite enviar la pregunta.
Aquí hay un guión de trabajo para usted. Reemplace esto con su javascript.
Ejemplo de trabajo que hice en Codepen: https://codepen.io/9to5disappear/pen/jOYBJJp
JavaScript:
'use strict' let label = document.getElementsByClassName('label'); let content = label.nextElementSibling; const elements = document.querySelectorAll('.content'); Array.from(elements).forEach((element, index) => { element.parentElement.addEventListener('click', () => { element.classList.toggle('content-visible'); }) });