on click drop down bootstrao

1<div class="dropdown">
2  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3    Dropdown
4  </button>
5  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
6    <button class="dropdown-item" type="button">Action</button>
7    <button class="dropdown-item" type="button">Another action</button>
8    <button class="dropdown-item" type="button">Something else here</button>
9  </div>
10</div>

1<div class="dropdown">
2  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
3    Dropdown button
4  </button>
5  <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
6    <li><a class="dropdown-item active" href="#">Action</a></li>
7    <li><a class="dropdown-item" href="#">Another action</a></li>
8    <li><a class="dropdown-item" href="#">Something else here</a></li>
9    <li><hr class="dropdown-divider"></li>
10    <li><a class="dropdown-item" href="#">Separated link</a></li>
11  </ul>
12</div>

1<p>
2  <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
3    Link with href
4  </a>
5  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
6    Button with data-target
7  </button>
8</p>
9<div class="collapse" id="collapseExample">
10  <div class="card card-body">
11    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
12  </div>
13</div>