lo intenté en los últimos días, pero no pude abrir megamenu al hacer clic en el enlace ahref, después de realizar una verificación de código, encontré una pista en css, en el sentido de que si hago que el valor de visibilidad sea visible, megamenu muestra lo contrario, quiero eso el menú se abrirá solo al hacer clic en este momento, se abre en el evento de desplazamiento y debajo del código se ejecutará solo al hacer clic en la etiqueta ahref
.menu-subs, .menu-column-4 { visibility: hidden!important; }abajo está la ref. captura de pantalla para el menú
Deberá incluir algo de JavaScript en su código. Aquí hay algunos ejemplos de cómo usarlo.
<button onclick="myFunction()">Click me</button> <element onclick="myScript"> object.onclick = function(){myScript}; object.addEventListener("click", myScript);También recomendaría usar tecnologías como bootsrap o angular para manejar los menús y las barras de navegación. Hacen la vida más fácil y es bueno saber cómo usarlos.
Si desea hacer que cuando haga clic en algo, el menú esté visible, puede usar la función onclick en href y alternar la visibilidad del menú usando css display: non o block.
HTML: está creando un div con las propiedades css de esa clase y asignándole una identificación. también está creando un enlace que llamará a la función javascript cuando se haga clic
<div class="menu-subs" id="menu"> // the menu </div> <h1 onclick="openMenu()">Open menu</h1>CSS: la clase que no se muestra actualmente
.menu-subs, .menu-column-4 { display: none; }JavaScript:
function openMneu(){ //get the menu element in the html elem = document.getElementById("menu"); // set the styling of the menu to visible elem.style.display = "block"; //or inline block depending on your other css }cuando se llama a openmenu al hacer clic en el enlace abierto del encabezado. También podría usar element.addeventlistender, pero eso sería un poco más difícil, así que le sugiero que pruebe esto. Esto debería funcionar, lmk si lo hace
(esta es mi segunda respuesta de stackoverflow :|)