[SOLUCIONADO] Porqué tengo que pulsar 2 veces?

[sergi_multimedia]

Hola gente, tengo en una web en su versión smartphone un botón que al apretar se desplegar el menú.

Pues para que se desplegue el submenu tengo que apretar dos veces, una vez ya se ha desplegado va siempre al primer clic. A ver si me podéis ayudar para que se despliegue el menú con un solo clic.

El botón:

Código HTML:

<a href="#" class="icon-header"><i class="icon-reorder"></i></a>
 

Jquery:

Código Javascript:

$(function(){
    $(".icon-header").click(function(evento){
        var data = $(this).attr('data-estado');
        
        if(data == 1){
            $("nav").fadeIn('5000');
            $(this).attr('data-estado',2);
        }else{
            $("nav").fadeOut('5000');
            $(this).attr('data-estado',1);
        }
    }
)});
 

Podéis comprobarlo en esta web: http://fustot.cat, en la versión smartphone ;) Si lo miráis desde un ordenador no lo váis a encontrar.

Gracias de antemano ;)

[stramin]

La primera vez que lo llamas no hay valor para data, deberías hacerlo así:

Código Javascript:

if(data == 1){
            $("nav").fadeOut('5000');
            $(this).attr('data-estado',2);
}else{
            $("nav").fadeIn('5000');
            $(this).attr('data-estado',1);
}
 

saludos

[sergi_multimedia]

Hola, gracias por pasarte y contestar.

No entiendo muy bien lo que me dices, veo tu código y es el mismo que el que te puse yo.

Me lo puedes aclarar?

Saludos

[stramin]

He invertido el FadeIn y el FadeOut

[sergi_multimedia]

Cierto! Muchas gracias! Funciona perfectamente ;)

Saludos