Javascript 带有2个按钮的Jquery切换边栏

我试图在侧边栏上创建一个切换，以便切换按钮打开侧边栏。这在桌面上非常有效，但是，如果我使用移动设备，切换按钮会隐藏。是否可以在侧边栏中添加一个关闭按钮，该按钮可以在不破坏脚本的情况下关闭侧边栏？我的剧本是：

<div id="sidebar">content</div>
<div id="filter-icon">Refine Selection <div id="filterswitch"></div></div>

内容
细化选择

jQuery（文档）.ready（函数（）{
jQuery（“#过滤器图标”）。单击（函数（）{
jQuery（“#filterswitch”）.toggleClass（'active'）；
jQuery（“侧栏”）.toggleClass（“show-sidebar”）；
});
});

应该没问题，你试过这样的方法吗

<div id="sidebar"><button id="closeSidebar">Close</button></div>
<div id="filter-icon">Refine Selection <div id="filterswitch"></div></div>

<script>
    const toggleSidebarAndSwitch = () => {
      jQuery("#filterswitch").toggleClass('active');
      jQuery("#sidebar").toggleClass('show-sidebar');
    }

    jQuery(document).ready(() => {
        jQuery("#filter-icon").click(() => {
          toggleSidebarAndSwitch()
        });
        jQuery("#closeSidebar").click(()=>{
          toggleSidebarAndSwitch()  
        })
    });
    </script>

关闭
细化选择
常量toggleSidebarAndSwitch=（）=>{
jQuery（“#filterswitch”）.toggleClass（'active'）；
jQuery（“侧栏”）.toggleClass（“show-sidebar”）；
}
jQuery（文档）.ready（（）=>{
jQuery（“过滤器图标”）。单击（（）=>{
toggleSidebarAndSwitch（）
});
jQuery（#closeSidebar”）。单击（（）=>{
toggleSidebarAndSwitch（）
})
});

是的，可以在侧边栏中添加另一个

div

，如下所示：

<div id="sidebar">
  content
  <div class="filterswitch"></div>
</div>
<div id="filter-icon">
  Refine Selection
  <div class="filterswitch"></div>
</div>

内容
细化选择

---

如果将类filterswitch添加到两个div，jQuery将自动侦听两个元素上的单击

谢谢你，马丁，这真是一种享受。但是，我在这一行中遇到语法错误…```const-toggleSidebarAndSwitch=（）=>{``只有当我在文本编辑器中尝试时，它才用语法错误标记代码，然而，当我在实时站点上尝试时，谷歌控制台显示的结果是干净的，所以它可能是一个假警报。：）

<div id="sidebar">
  content
  <div class="filterswitch"></div>
</div>
<div id="filter-icon">
  Refine Selection
  <div class="filterswitch"></div>
</div>