如何使用jquery和css隐藏和显示侧边栏？

<div id="sidebar">
  <!-- 侧边栏内容 -->
</div>

#sidebar {
  width: 200px;
  background-color: #f1f1f1;
  /* 其他样式属性 */
}

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

$(document).ready(function() {
  // 隐藏侧边栏
  $("#hide-sidebar").click(function() {
    $("#sidebar").hide();
  });

  // 显示侧边栏
  $("#show-sidebar").click(function() {
    $("#sidebar").show();
  });
});

<button id="hide-sidebar">隐藏侧边栏</button>
<button id="show-sidebar">显示侧边栏</button>