Estoy tratando de agregar una función al hacer clic para mi menú desplegable, así que en lugar de mostrar cuando paso el mouse, quiero que se muestre cuando hago clic en él, ¿sabe qué puedo hacer?
Mi menú desplegable está en el icono de cuadrícula junto a "Imágenes"
Este es mi repositorio para que puedas ver mi código: https://github.com/Diefonro/HTML-CSS
También puede ver la página que se muestra ahora mismo en: https://diefonro.github.io/HTML-CSS
Gracias
debe implementar la siguiente función y llamarla en el evento onclick . y como @Tom sugirió, debe deshacerse de la parte de abajo también de la hoja de estilo
.dd-cont:hover .drop-d { display: block; } así es como capturamos un elemento específico que tiene una class particular y podemos cambiar los estilos de los elementos como se muestra a continuación
function clickDD() { const dropdown = document.querySelector('.drop-d'); dropdown.style.display = dropdown.style.display === 'block' ? 'none' : 'block'; }aquí hay un ejemplo de trabajo (jsFiddle) de su código
PD : no incluí ningún activo en el violín.
Para manejar el evento de clic, puede echar un vistazo a EventListener o al atributo onclick .
El menú desplegable se muestra al pasar el mouse debido a esta regla CSS:
.dd-cont:hover .drop-d { display: block; }