Hola,
Quiero lograr lo siguiente:
Cuando se hace clic en el botón, el estilo CSS cambia para mostrar: el bloque en el segundo clic debe cambiarse para mostrar: ninguno. Y debe estar en bucle
¿Cómo lograr eso?
Logré crear este código que agrega estilo css cuando se hace clic (pero no puedo hacer un segundo evento de clic):
const button = document.querySelector('button'); button.addEventListener('click', () => { const element = document.querySelector('div.wpcs_price_info ul'); element.setAttribute('style', 'display:block !important'); });Bastante fácil, solo agregue una condición if.
const button = document.querySelector("button"); let shown = false; button.addEventListener("click", () => { const element = document.querySelector("div.wpcs_price_info ul"); if (shown) { element.setAttribute("style", "display:none !important"); shown = false; } else { element.setAttribute("style", "display:block !important"); shown = true; } });