javascript - 单击选项卡时关闭滑动菜单

Question

这是一个幻灯片菜单的jsfiddle:

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');
    });
}

);

我需要在单击 item1、item2 等时关闭此菜单。可以吗？

Answer 1

尝试这个简短的 jQuery 片段:-

$('#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

或者

$('#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