Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: two or more collapsable content

Oscar Bejarano pro asked 7 years ago


Hi, i want to know how can i have two or more collapsable content on navbar. regards

Dawid Adach pro answered 7 years ago


Dear Oscar,

If you want multiple collapse , you should use unique ids:

<button class="btn btn-primary waves-light" type="button" (click)="collapse1.toggle()" mdbRippleRadius>

Toggle collapse
</button>
<div class="" [mdbCollapse]="isCollapsed" #collapse1="bs-collapse">
<p>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.</p>
</div>

<button class="btn btn-primary waves-light" type="button" (click)="collapse2.toggle()" mdbRippleRadius>
Toggle collapse
</button>
<div class="" [mdbCollapse]="isCollapsed" #collapse2="bs-collapse">
<p>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.</p>
</div>

Regarding Navbar, probably you mean dropdown, you can simply copy paste them multiple times, no need to use unique identifiers.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags