acabo de intentar hacer un JS que está cerrando mi menú cuando presiono un "
<input class="contact-btn" type="button" value="Contacteaza-ma"/> <button id="but-menu" class="menu-btn" onclick="openMenu()"> <i class="fa fa-bars menu-btn__icon"></i> </button> <div id="mobile-nav" class="mobile-navigation"> <buttton onclick="closeMenu()" class="close-btn"><i class="fa fa-times"></i></buttton> <div class="logo"> <img class="logo__image" src="images/home-image.png"/> <p class="logo__text">Cristi Popescu</p> </div> <nav class="mobile-navigation__navigation"> <ul style="list-style-type:none;" class="mobile-navigation__navigation-list"> <li><a class="mobile-navigation__navigation-link" href="#about">DESPRE MINE</a></li> <li><a class="mobile-navigation__navigation-link" href="#exp">EXPERIENTA</a></li> <li><a class="mobile-navigation__navigation-link" href="#edu">EDUCATIE</a></li> <li><a class="mobile-navigation__navigation-link" href="#apt">APTITUDINI</a></li> <li><a class="mobile-navigation__navigation-link" href="#ctc">CONTACT</a></li> </ul> </nav>y este es mi JS:
$( '.mobile-navigation__navigation-list li a' ).on("click", function(){ $('closeMenu()').click(); });¿Qué debo cambiar? Muchísimas gracias.
Puede usar el atributo onclick en el elemento li .
Ejemplo:
<ul> <li onclick="closeMenu()">Close menu</li> </ul> <script> function closeMenu() { //Close Menu } </script>