如何简化/优化这个jQuery

Question

我是新来的，但是，必须有一个更好的书写方式。

三个相似的功能，它们可以与逗号或其他东西结合使用。

$('#open-sidebar').click(function(){ 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 
$('#close-sidebar').click(function(){ 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 

$("#top").bind("swiperight", function (e) { 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 
$("#content").bind("swiperight", function (e) { 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 
$("#top").bind("swipeleft", function (e) { 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 

$("#content").bind("swipeleft", function (e) { 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 
$("#navigation").bind("swipeleft", function (e) { 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 

谢谢

Answer 1

var $body = $(document.body); 

function toggleBody() { 
    $body.toggleClass("menu-active"); 
    return false; 
} 

$('#open-sidebar, #close-sidebar').click(toggleBody); 
$('#top, #content').bind('swiperight swipeleft', toggleBody); 
$('#navigation').bind('swipeleft', toggleBody); 

Answer 2

有了这个语法

$("#navigation, #content, ... ").bind("swipeleft", function (e) { 
    $("body").toggleClass("menu-active"); 
    return false; 
}); 

而且你需要点击也

$('#close-sidebar, #id2, #id3, ....').click(function(){ 
    $("body").toggleClass("menu-active"); 
    return false; 
});