He creado un menú móvil sensible utilizandojquery Todo funciona bien, excepto el cambio de menú. Por defecto el menú está expandido. Quiero que el menú se contraiga de forma predeterminada y cuando se hace clic en el menú de la palabra, se expande y luego se puede expandir y contraer en la selección. El único punto de consideración en esto es que también hay un menú de navegación normal, que se muestra y se diseña de manera diferente. Deseo que este menú esté siempre activo. Solo quiero que el menú móvil esté oculto (contraído) por defecto y luego se expanda cuando se hace clic.
He subido el proyectado en jsfiddle: linkhttp://jsfiddle.net/qdhg0r9d/
Gracias
Respuestas
1 para la respuesta № 1Solo agrega
@media screen and (max-width: 600px) {
#collapse-menu{
display:none;
}
}
Para su CSS, esto lo ocultará de forma predeterminada cuando el ancho de la pantalla sea inferior a 600 px, luego, al hacer clic en el botón de activación, jQuery lo superará agregando el estilo en línea. display:block; y mostrarlo de nuevo
0 para la respuesta № 2
$(document).ready(function () {
if($(window).width() <= 640){
$("#collapse-menu").toggle();
$("#pull").on("click",function () {
$("#collapse-menu").toggle();
});
}
});
Solo funciona en función del ancho de la pantalla.