Css / Jquery将左侧栏切换为从右侧打开，而不是从左侧打开

<div class="container">
  <div class="left-sidebar">
    <!-- 左侧栏内容 -->
  </div>
  <div class="right-sidebar">
    <!-- 右侧栏内容 -->
  </div>
</div>

.container {
  position: relative;
  width: 100%;
  height: 100%;
}

.left-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px; /* 左侧栏的宽度 */
  height: 100%;
  background-color: #f1f1f1; /* 左侧栏的背景颜色 */
}

.right-sidebar {
  position: absolute;
  top: 0;
  right: -200px; /* 右侧栏的初始位置，设置为负左侧栏的宽度 */
  width: 200px; /* 右侧栏的宽度 */
  height: 100%;
  background-color: #f1f1f1; /* 右侧栏的背景颜色 */
  transition: right 0.3s ease; /* 添加过渡效果，使右侧栏的切换平滑 */
}

$(document).ready(function() {
  $('.toggle-button').click(function() {
    $('.right-sidebar').toggleClass('open'); /* 切换右侧栏的类名 */
  });
});

.right-sidebar.open {
  right: 0; /* 将右侧栏的位置设置为0，使其从右侧打开 */
}