Tengo los elementos de menú A, B, C y D y quiero alternarlos cuando se hace clic, así como cerrar uno abierto previamente mientras se abre el que se hizo clic.
Misma funcionalidad para todos los artículos.
Use sentencias if y aplique diferentes estilos o clases.
CSS
.hidden { display: none; }HTML y JavaScript
<div id="A" class="" onclick="handlePress('A');">A</div> <div id="B" class="hidden" onclick="handlePress('B');">B</div> <div id="C" class="hidden" onclick="handlePress('C');">C</div> <div id="D" class="hidden" onclick="handlePress('D');">D</div> <script type="text/javascript"> const letters = ['A', 'B', 'C', 'D']; function handlePress(id) { document.getElementById(id).classList.remove('hidden'); letters.forEach((letter) => { if (letter !== id) { document.getElementById(letter).classList.add('hidden'); } }); } </script>