Si abro mi archivo html de la barra lateral, el javascript funciona según lo previsto, es un simple alternar que agrega/elimina una clase para mostrar cuál es el panel seleccionado actualmente:

 function showPanel(panel){ disablePanels(); document.getElementById(panel).classList.remove('inactive'); } function disablePanels(){ document.getElementById("user").classList.add('inactive'); document.getElementById("settings").classList.add('inactive'); document.getElementById("about").classList.add('inactive'); }

En mi archivo html de la barra lateral, tengo estos enlaces para activar:

<a href="#" onclick="showPanel('about');"><i class="fas fa-solid fa-comment"></i></a>

Esto funciona perfectamente mientras abro el archivo html y hago clic en los íconos, sin embargo, cuando hago clic en ellos desde la barra lateral/ventana emergente de mi complemento, no funciona como se esperaba.