El menú aparece desplegado al cargar la página y pasados 1000ms se esconde por la izquierda dejando 10px para que el usuario pueda verlo y hacer hover sobre este.
Mi problema es, creo, de sintaxis. Pues lo que me sucede es que consigo hacer que el menú dependiendo de su tamaño salga, pero no sé como pasarle correctamente la diferencia de pixeles cuando se redimensiona la ventana del browser. Pego el código que es posible que me explique mejor así:
Código PHP:
function setWidthNav() {
var navW = $('nav').width();
/*$('nav').css({ marginLeft: navWidth});*/
$('nav').delay(1000).animate({ marginLeft: navW*-1+10 },{queue:true, duration:500, easing: 'easeInOutExpo'});
$("nav").hover(function () {
$(this).animate({ marginLeft: "+="+navW+"-10px" },{queue:true, duration:500, easing: 'easeInOutExpo'});
$("#wrapper").animate({marginLeft: "+="+navW+"-10px" },{queue:true, duration:500, easing: 'easeInOutExpo'});
},
function () {
$(this).animate({ marginLeft: "-="+navW });
$("#wrapper").animate({marginLeft: "-="+navW });
}
);
//alert(navW);
}
$(window).load(function () {
setWidthNav();
});
$(window).resize(function(){
setWidthNav();
});
Espero que pueda echarme alguien un cable con esto!
Muchas gracias como siempre! :)