这是一个幻灯片菜单的jsfiddle:
$('#button').toggle(
function() {
$('#right').animate({ left: 250 }, 'slow', function() {
$('#button').html('Close');
});
},
function() {
$('#right').animate({ left: 0 }, 'slow', function() {
$('#button').html('Menu');
});
}
);
我需要在单击 item1、item2 等时关闭此菜单。可以吗?
最佳答案
尝试这个简短的 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');
});
});
或者
$('#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');
});
});
关于javascript - 单击选项卡时关闭滑动菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36217901/