如何简化/优化此jQuery

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

三个类似的函数，可以与逗号或其他东西结合使用

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

感谢您使用此语法

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

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

你也需要一个来点击

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

---

你应该问这个问题。不管是谁对这个评论投了赞成票，他们为什么不投反对票呢？因为在我看来，这不值得投票。当然，它回答了这个问题，但我认为这个问题一开始就不属于这里。它没有什么问题。可以通过将所有事件合并到一个绑定中来进一步优化它，但这毕竟是一个非常微小的优化。说清楚，我不是dv，我是uv。我认为你不应该因为试图帮助别人并成功地做到了这一点而被否决。@KevinB-没有跟随你。顺便说一句，这是用最少的代码完成这项工作的最有效的方法。但我想你最清楚。你介意添加你自己的答案吗？不，因为这个问题不值得回答。啊！，这就是我要找的。我做得不对，就像这样$（“导航”、“内容”、“顶部”）。。。谢谢大家，我没有测试others@TacoFiesta现在看看，如果你用这些信息提问，你的问题会更多地围绕这个主题。