Material design Accordion - Bootstrap v3

This is an example of the simple default collapsible feature and material design accordion using bootstrap. Though the HTML design is the same, the behavior changes due to the bootstrap material design accordion class. Click on the simple collapsible feature to see the content. This feature displays the collapsible behavior by click on it once again. Check out the material design bootstrap accordion behavior, once you click on any of the accordions there is a smooth transition from previous open accordion to the opening of click accordion. This transition is due to bootstrap designs. The styling for both the designs is different for both examples. Check out the javascript which adds and removes the active class for the clicked accordions. Use this snippet’s for your websites especially for menus or list items. Tweak the styling to blend it with your website.

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *