jquery - 如何简化/优化这个 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

With this syntax

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

And you need one for click also

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

Answer 2

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