javascript - 在单击功能时切换隐藏ID，在再次切换功能时显示？

我需要一些帮助：JSfiddle。
问题是，每当类.active isOpened时，我希望按钮显示：无，或以某种方式隐藏-是否有意义？

如果您看看我的JSfiddle，则无论何时滑出菜单/框都没有，我都需要按钮顶部/右侧消失。

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

谢谢！

最佳答案

只需分别隐藏和显示条件中的按钮即可。

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

这是Fiddle link