javascript - 是否可以在一个函数中列出多个ID，而不会触发.hide函数？

菜单中的幻灯片出现问题。在此处检查我的JSfiddle。
现在，只要单击菜单本身以外的所有内容，滑入式菜单都会关闭。问题是，当我单击文本时菜单关闭。我想在同一个函数中列出更多ID，如下所示：

if(isOpened && e.target.id!='slide-in,text')

我的剧本：

 var isOpened = false;
    $(document).click(function(e) {
      if(isOpened && e.target.id!='slide-in') {
        $("#slide-in").removeClass("active");
        isOpened = false;
        $("#button").show();
      } else if(!isOpened && e.target.id=='button'){
        $("#slide-in").addClass("active");
        isOpened = true;
        $("#button").hide;
      }
    });

谢谢！

最佳答案

而不是检查所有id，而是检查是否存在以id为slide-in的父对象

if(isOpened && e.target.id!='slide-in') {
    if(!$(e.target).parents('#slide-in').length) {
        $("#slide-in").removeClass("active");
        isOpened = false;
        $("#button").show();
    }
}

检查这个fiddle