On click drop down bootstrao

Drop down using bootstrap

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
    Dropdown button
  </button>
  <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
    <li><a class="dropdown-item active" href="#">Action</a></li>
    <li><a class="dropdown-item" href="#">Another action</a></li>
    <li><a class="dropdown-item" href="#">Something else here</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="#">Separated link</a></li>
  </ul>
</div>

Source: getbootstrap.com

On click drop down bootstrao

<p>
  <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
    Link with href
  </a>
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button with data-target
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    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.
  </div>
</div>

Source: getbootstrap.com

Similar codes

14 votes170 views3 answers
Preview image before upload
Html
3 votes160 views2 answers
Jumbotron
Html
0 vote171 views1 answer
Html add url to div
Html
0 vote163 views1 answer
Parse html with regex
Html
0 vote173 views1 answer
Quick confirmation window for webapp link php
Html
0 vote161 views1 answer
Soundcloud player html5
Html
0 vote179 views1 answer
Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.<anonymous> (index.js:15) (anonymous) @ index.js:15
Html
8 votes168 views3 answers
Bootstrap form templates
Html
226 votes171 views6 answers
Html css
Html
0 vote188 views1 answer
Linkedin font awesome
Html