El problema está en el título.
He estado tratando de arreglar esto durante 2 horas, principalmente buscando soluciones en Google, pero parece que no puedo encontrar ninguna que funcione. Así que ahora estoy aquí.

De todos modos, tengo un problema con un conmutador de javascript que hice.

Lo que estoy tratando de hacer:
Cree un botón de expandir/contraer que solo expanda/contraiga un cuadro cuando hace clic en la flecha

Aquí está el HTML;

 <a id="expand1" value="OFF" type="button" class="btn btn-link collapsed" onclick="toggle(this)"> <div class="right"> <i id="arrow" class="animate-icon fa fa-solid fa-angle-up"></i> </div> </a> <div id="answer1"> answer </div>

aquí está el JS;

 function toggle(button) { if (button.value == "OFF") { button.value = "ON"; document.getElementById('answer1').style.opacity = "1"; document.getElementById('answer1').style.height = "350px"; } else { button.value = "OFF"; document.getElementById('answer1').style.opacity = "0"; document.getElementById('answer1').style.height = "0px"; } }

Lo que he intentado hasta ahora;

• Buscando en google respuestas
• Buscando respuestas en stackoverflow
• Definir " on " o " off " como una variable y usar eso como una palanca
• probando {if ([variable].style.height == "350px") {}} (No tengo idea si esto funcionaría o no, solo pensé en probarlo).

Si alguien tiene alguna idea de cómo solucionar esto, le agradecería mucho que me dijera qué puedo hacer para solucionar este problema. ¡Gracias!