Tengo un sitio web en este momento y quiero cambiar el valor expandido de aria de un párrafo expandible en otra página cuando presiono un elemento de anclaje en la página principal. ¿Qué tendré que cambiar en mi main.html para poder cambiar de alguna manera el valor expandido de aria en el archivo help.html?
principal.html
<a href="help"> <h2>Returns Policy</h2> </a>ayuda.html
<div class="accordion-item"> <button id="accordion-button-3" aria-expanded="false"><span class="accordion-title">Returns Policy</span><span class="icon" aria-hidden="true"></span></button> <div class="accordion-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut. Ut tortor pretium viverra suspendisse potenti. </p> </div> </div>//y este es el script usado para expandir el párrafo
const items = document.querySelectorAll(".accordion button"); function toggleAccordion() { const itemToggle = this.getAttribute('aria-expanded'); for (i = 0; i < items.length; i++) { items[i].setAttribute('aria-expanded', 'false'); } if (itemToggle == 'false') { this.setAttribute('aria-expanded', 'true'); } } items.forEach(item => item.addEventListener('click', toggleAccordion));la identificación de su botón es "botón-acordeón-3", por lo que en querySeletorAll necesita "#botón-acordeón-3"
const items = document.querySelectorAll("#accordion-button-3");