hay 3 botones y cuando haces clic en 3 de ellos muestran el mismo contenido. Necesito mostrar el contenido único de los botones cuando haces clic en ellos por separado. ¿Cómo hacer que cada botón muestre el contenido único de div?
function myFunction() { var x = document.getElementById("myDIV"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } span { cursor:pointer;} <span onclick="myFunction()"class="total">button</span> <div id="myDIV" style="display:none;" class="expandable"> content 1 </div> <span onclick="myFunction()" class="total">button2</span> <div id="myDIV" style="display:none;" class="expandable"> content 2 </div> <span onclick="myFunction()" class="total">button3</span> <div id="myDIV" style="display:none;" class="expandable"> content 3 </div>Le diste a los 3 divs la misma identificación, que no es lo que quieres, por supuesto, porque la identificación es un selector único para elementos.
Desde este punto puedes solucionar tu problema.
Saludos
¿Por qué tienes la misma identificación para tres botones? Creo que puede actualizar su contenido con una identificación de botón diferente.