Hola marinamarina,
Primero decirte que no se porque el último código no te funciona. Seguro lo pusiste bien o no cambiaste nada en el HTML?
« ... y pincho otra vez en el boton menu-responsive debo hacer 2 click ya que con un solo click no me hace caso »
Bueno, el problema ahí es que se te olvidó modificar el valor de la variable contador en 1; y también no tienes que volver a llamar a
document.ready. El código quedaría así:
Código:
$(document).ready(function(){
var contador = 1;
$('#menu_resp').click(function(){
if(contador == 1){
$('#menu').animate({right: '0px'}, 'slow');
contador = 0;
}
else {
$('#menu').animate({right: '-550px'}, 'slow');
contador = 1;
}
});
//quitar bloqueo menu
$('#menu ul li a').click(function(){
$('#menu').animate({right: '-550px'}, 'slow');
contador = 1; //modificar valor contador
});
});
Nota: Por la METAetiqueta no te preocupes, si te funciona dejalo así, pues.