របាសងខាង

 
<nav class="sidenav cgds list-unstyled open1" aria-label="side-navigation menu">
  <ul>
    <li class="sidenav-item">
      <button class="cgds btn collapsed active" type="button" data-bs-toggle="collapse"
              data-bs-target="#collapseExampleA" aria-expanded="false" aria-controls="collapseExampleA">
        <i class="bi bi-layers"></i>ម៉ឺនុយ
        <i class="bi bi-chevron-down"></i>
      </button>
      <div class="collapse show" id="collapseExampleA" data-bs-parent=".open1">
        <ul class="list-unstyled">
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link active">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
        </ul>
      </div>
    </li>
    <li class="sidenav-item">
      <button class="cgds btn collapsed" type="button" data-bs-toggle="collapse"
              data-bs-target="#collapseExampleB" aria-expanded="false" aria-controls="collapseExampleB">
        <i class="bi bi-layers"></i>ម៉ឺនុយ
        <i class="bi bi-chevron-down"></i>
      </button>
      <div class="collapse" id="collapseExampleB" data-bs-parent=".open1">
        <ul class="list-unstyled">
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
        </ul>
      </div>
    </li>
    <li class="sidenav-item">
      <button class="cgds btn collapsed" type="button" data-bs-toggle="collapse"
              data-bs-target="#collapseExampleC" aria-expanded="false" aria-controls="collapseExampleC">
        <i class="bi bi-layers"></i>ម៉ឺនុយ
        <i class="bi bi-chevron-down"></i>
      </button>
      <div class="collapse" id="collapseExampleC" data-bs-parent=".open1">
        <ul class="list-unstyled">
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
        </ul>
      </div>
    </li>
  </ul>
</nav>

        

 
<nav class="sidenav cgds list-unstyled open2" aria-label="side-navigation menu">
  <ul>
    <li class="sidenav-item">
      <button class="cgds btn collapsed active" type="button" data-bs-toggle="collapse"
              data-bs-target="#collapseExampleD" aria-expanded="false" aria-controls="collapseExampleD">
        ម៉ឺនុយ
        <i class="bi bi-chevron-down"></i>
      </button>
      <div class="collapse show" id="collapseExampleD" data-bs-parent=".open2">
        <ul class="list-unstyled">
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link active">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
        </ul>
      </div>
    </li>
    <li class="sidenav-item">
      <button class="cgds btn collapsed" type="button" data-bs-toggle="collapse"
              data-bs-target="#collapseExampleE" aria-expanded="false" aria-controls="collapseExampleE">
        ម៉ឺនុយ
        <i class="bi bi-chevron-down"></i>
      </button>
      <div class="collapse" id="collapseExampleE" data-bs-parent=".open2">
        <ul class="list-unstyled">
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
        </ul>
      </div>
    </li>
    <li class="sidenav-item">
      <button class="cgds btn collapsed" type="button" data-bs-toggle="collapse"
              data-bs-target="#collapseExampleF" aria-expanded="false" aria-controls="collapseExampleF">
        ម៉ឺនុយ
        <i class="bi bi-chevron-down"></i>
      </button>
      <div class="collapse" id="collapseExampleF" data-bs-parent=".open2">
        <ul class="list-unstyled">
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
          <li><a href="#" class="nav-link">ម៉ឺនុយរង</a></li>
        </ul>
      </div>
    </li>
  </ul>
</nav>