Demo of full width clickable collapse/accordion, multiple opened collapse menus, kebab menu, material dropdown, animated dropdown, dropdown container fix.
Click on menu with 3 dots on the Otto Mark line for demo.
CSS with "absolute" fixes container bug making dropdown lie under the next div.
JS adds a slidedown effect for the menu. Because MDBootstrap has a transition effect for normal dropdowns, I created a dropdown-unroll class you have to add to the dropdown-menu for the slide effect to be effective only on this class.
In this example I also use a dropdown-sm class for the dropdown to have low padding.
Full width clickable heading of collapse menu requires collapse-accordion class on the initial div wearing the role="tablist" attribute.
For the multiple opened panels of collapse/accordion, watch carefully my HTML, I removed the normal data-parent="#parent" attribute.
This page must be refreshed to complete your login.
You will lose any unsaved work once the page is refreshed.
Click "No" to cancel the login process.
Click "Yes" to continue...
Unlimited plys. Unlimited downloads. No Ads.