two or more collapsable content

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.