i've got 1 page website fullscreen navigation menu (with anchor links elements on page) know how open it, have no idea on how close menu when clicking on link, here html nav menu:
</head> <body> <aside> <div id="menu-logo"></div> <div class="hamburger-menu toggle-overlay"> <div class="bar"></div> </div> <nav> <ul> <li data-menuanchor="home"><a href="#home">nosotros</a></li> <li data-menuanchor="servicios"><a href="#servicios">servicios</a></li> <li><a href="#!">proyectos</a></li> <li><a href="#!">cotizador</a></li> <li><a href="#!">contacto</a></li> </ul> </nav> </aside> <div id="content" class="fullpage"> <section id="seccion-home" class="section up-scroll"> <span class="background"></span> <header> <a href="#home" class="lg-principal"><span></span></a> <div class="hamburger-menu toggle-overlay"> <div class="blubar"></div> </div> and jquery script:
(function () { $('.hamburger-menu').on('click', function() { $('.bar').toggleclass('animate'); }) })(); (function($) { $(function() { $('.toggle-overlay').click(function() { $('aside').toggleclass('open'); }); }); })(jquery); i tried this, doesn't seem work : $('aside li').on('click', function(){ $('aside').hide(); });
hope can me guys, im noob web develepment.
please post more of code, limited help
wild guess,
$('#menu li a').on('click', function(){ $(".toggle-overlay").hide(); $("aside").removeclass("open"); }); this may help.
Comments
Post a Comment