19 ตุลาคม 2565

แก้ปัญหา bootstrap 5 เมนูไม่สามารถซ่อน/แสดงได้

แก้ตามนี้เลยครับ


bootstrap 4 ใช้ตัวนี้

data-toggle="collapse"   data-target="#menu_id"

bootstrap 5 ใช้ตัวนี้ ครับ

data-bs-toggle="collapse"   data-bs-target="#menu_id"

(เพิ่ม bs มาด้วยในเวอร์ชั่น 5)


โค้ดเต็มๆ

    <button class="navbar-toggler" type="button" 

data-bs-toggle="collapse"

data-bs-target="#navbarSupportedContent

aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>


   <div class="collapse navbar-collapse" id="navbarSupportedContent">

      <ul class="navbar-nav me-auto mb-2 mb-lg-0">

        <li class="nav-item">

          <a class="nav-link active" aria-current="page" href="#">Home</a>

        </li>

    </ul>

</div>