Как упростить/оптимизировать этот 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; 
});