Slide-Menü geschlossen werden, wenn Tab geklickt

Question

hier ein jsfiddle von Dia-Menü:

http://jsfiddle.net/fh6p4/

$('#button').toggle( 
function() { 
    $('#right').animate({ left: 250 }, 'slow', function() { 
     $('#button').html('Close'); 
    }); 
}, 
function() { 
    $('#right').animate({ left: 0 }, 'slow', function() { 
     $('#button').html('Menu'); 
    }); 
} 

);

Ich brauche dieses Menü, wenn ich auf item1, item2 usw. klicke. Ist das möglich?

Answer 1

Versuchen Sie, diese kurze jQuery Schnipsel verweisen können: -

$('#button, #menu > ul > li').click(function(){ 
    var $this = $('#button'); 
    $('#right').animate({ left: ($this.html() == 'Close' ? 0 : 250) },'slow', function(){ 
     $this.html($this.html() == 'Close' ? 'Menu' : 'Close'); 
    }); 
}); 

DEMO

OR

$('#button, #menu > ul > li').click(function(){ 
    var left = parseInt($('#right').css('left')); 
    $('#right').animate({ left: (left == 250 ? 0 : 250) },'slow', function(){ 
      $('#button').html(left == 250 ? 'Menu' : 'Close'); 
    }); 
}); 

DEMO

Answer 2

Sie fangen Ereignis, wenn Sie auf Menüelement klicken, und schließen Menü schließen.

Hier sind meine Code yu

$("#menu ul li a").click(function(){ 
    $('#right').animate({ left: 0 }, 'slow', function() { 
    $('#button').html('Menu'); 
    }); 
}); 

Answer 3

ja es möglich ist,

$('#button, #menu ul li a').toggle( 
function() { 
    $('#right').animate({ left: 250 }, 'slow', function() { 
     $('#button').html('Close'); 
    }); 
}, 
function() { 
    $('#right').animate({ left: 0 }, 'slow', function() { 
     $('#button').html('Menu'); 
    }); 
});