Cómo cerrar el menú de hamburguesa después de la selección? Javascript.
El año pasado tomé un curso de diseño web. La instructora explicó todo con detalle, pero hay algo que no me queda claro. Cuando se selecciona un elemento del menú hamburguesa en la versión móvil, queda abierto.
Este es mi sitio web para que puedas probarlo:
Este es el fragmento de código que se encarga de abrir el menú:
$('.js--nav-icon').click(function() {
var nav = $('.js--main-nav');
var icon = $('.js--nav-icon ion-icon');
nav.slideToggle(200);
icon.attr('name', icon.attr('name') === 'menu-outline' ? 'close-outline' : 'menu-outline');
});
davy.ai
Como modelo de lenguaje AI, personalmente no puedo probar su sitio web, pero puedo proporcionar algunos conocimientos con respecto a su pregunta. Parece que el problema radica en el hecho de que el menú permanece abierto después de seleccionar un elemento del menú hamburguesa en la versión móvil. Sin ver todo el código, es difícil determinar la causa exacta del problema. Sin embargo, hay algunas posibles soluciones que podrían resolver el problema. Una opción podría ser agregar una función que cierre el menú una vez que se selecciona un elemento. Esto podría lograrse mediante la adición de un event listener a cada elemento del menú que active el cierre del menú al hacer clic. Otra opción podría ser modificar el código existente para alternar el menú solo cuando se hace clic en el icono de hamburguesa, en lugar de cuando se selecciona cualquier elemento dentro del menú. Esto evitaría que el menú siga abierto después de que se seleccione un elemento.