Estoy tratando de hacer que una de las pestañas en el sitio web de mi cartera cree un menú desplegable. Pude hacer que cuando las personas hicieran clic en la imagen, se creara un menú desplegable. Sin embargo, también quería que sucediera lo mismo cuando hicieran clic en el texto. Entonces mi problema es que tengo dos botones con diferentes clases que quiero que tengan la misma función. Pensé que podría hacer eso con el javascript que tengo ahora, pero parece que no funciona. Aquí hay un enlace a un porotipo que creé https://iancoffman.com/digitalart2.html . El código debe ser visible públicamente.
¿Qué estoy haciendo mal?
¿Qué código está utilizando para su menú desplegable que desea mostrar al hacer clic? Puede usar JavaScript básico para activar la misma función cuando hace clic en cada elemento.
Un ejemplo de función básica sería:
<script> function myFunction() { document.getElementById("menu").style.display = "block"; } </script>Puede adjuntar esta función a un div que contenga tanto el texto como la imagen como:
<div onclick="myFunction()"> <p>Text To Click.</p> <img src="images/paint-symbol.png" alt="paintings"> </div> <div id="menu" style="display:none;">Dropdown Menu</div>O puede agregar esta función a cada elemento si no están conectados:
<p onclick="myFunction()">Text To Click.</p> <img src="images/paint-symbol.png" alt="paintings" onclick="myFunction()"> <div id="menu" style="display:none;">Dropdown Menu</div>No estoy seguro de qué está intentando exactamente, pero esto podría ayudarlo a comenzar con el concepto.