35+ Bootstrap Accordions - Free Code + Demos
Collection of 35+ Bootstrap Accordions. All items are 100% free and open-source.
1. Bootstrap 4 Accordion
Links: Source Code / Demo
2. Bootstrap Accordion With Sign
Bootstrap Accordion with sign and animation
Author: Md-Asaduzzaman-Muhid (md-asaduzzaman-muhid)
Links: Source Code / Demo
Created on: October 10, 2019
Made with: HTML, SCSS
Tags: bootstrap accordion, accordion, accordion animation, accordion with sign, signed accordion
3. Bootstrap 4 Accordion Menu Dropdown With Font Awesome Icons
Links: Source Code / Demo
4. Bootstrap 4 Accordion
Links: Source Code / Demo
5. Bootstrap 4 Accordion With Card And Font Awesome Icons
Links: Source Code / Demo
6. Collapsible Tabs (Bootstrap Accordion) Easy To Use Plugin
Collapsible tabs (Bootstrap accordion) easy to use as a plugin- easy to implement need only bootstrap js & the master jquery file
Author: Nishant Dogra (mrdogra007)
Links: Source Code / Demo
Created on: November 29, 2017
Made with: HTML, CSS, JS
Tags: accordion, collapsible tabs, css, bootstrap
7. Accordion/ Toggle
bootstrap Accordion with jquery
Author: Aashima (Aashima)
Links: Source Code / Demo
Created on: September 1, 2017
Made with: HTML, CSS
Tags: toggle, jquery, our, responsive, animation
8. Bootstrap Simple Accordion Widget
Links: Source Code / Demo
9. Bootstrap Expand And Collapse Faq Accordion
Links: Source Code / Demo
10. Bootstrap Elegant Accordion Widget
Links: Source Code / Demo
11. Bootstrap Accordion With Highlighted Item
Links: Source Code / Demo
12. Bootstrap Accordion Menu With Plus Minus Icon
Links: Source Code / Demo
13. Bootstrap Accordion Menu For All Purpose
Links: Source Code / Demo
14. Accordion Styles
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.1.1, accordion
15. CSS Accordion
Author: rajeshdn (cool_lazyboy)
Links: Source Code / Demo
Created on: September 9, 2019
Made with: HTML, CSS, JS
16. Details/Summary Animated Accordion
What it says on the tin. You can use this without JS and it works fine, except for the closing animation.
Author: Kam Black (kamblack)
Links: Source Code / Demo
Created on: July 16, 2018
Made with: HTML, SCSS, JS
Tags: details, summary, accordion, css
17. Creative User Profile
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 3.3.0, jQuery, user, social, profile, jquery, contact, accordion
18. Style Bootstrap Accordion
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 3.3.0, accordion
19. ACCORDION Frequently Asked Questions
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 3.3.0, accordion
20. Tabs And Accordion Collaboration
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 4.0.0, jQuery, tabs, accordion
21. Bootstrap 4 Accordion With Arrow
Author: Ferdi (ferdisahin)
Links: Source Code / Demo
Created on: January 13, 2019
Made with: HTML, CSS, JS
Tags: bootstrap 4 accordion, bootstra 4 accordion arrow, bootstrap 4 accordion with arrow
22. Accordion Design
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.0.0, accordion
23. Multi-level Accordion
Flat design accordion with as many nested levels as you need. Click on it!
Author: Ryan Bobrowski (rbobrowski)
Links: Source Code / Demo
Created on: August 10, 2013
Made with: HTML, CSS, JS
Tags: accordion, selectors, jquery, html5, aside
24. Bootstrap 4 Accordion Component With First Collapsible Element Open
Author: Envato Tuts+ (tutsplus)
Links: Source Code / Demo
Created on: January 15, 2019
Made with: HTML, CSS, Babel
Tags: bootstrap, bootstrap 4
25. Accordion List With Nested Tabbed Elements And Tables
Links: Source Code / Demo
Made with: HTML
Tags: 4.1.1, table, accordion
26. Accordion Collapsible Side Navbar With Toggle Button
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 3.3.0, navbar, accordion, toggle
27. Accordion Fancy Animation
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 3.3.0, jQuery, animation, accordion
28. Bootstrap Accordion
Author: Ibrahim Haouari (ibrahim-ih)
Links: Source Code / Demo
Created on: April 5, 2018
Made with: HTML, SCSS
29. Bootstrap Accordion With Vertical Step Inside
Author: Asrul Nur Rahim (asrulnurrahim)
Links: Source Code / Demo
Created on: August 3, 2017
Made with: HTML, CSS
30. Vue Bootstrap - Accordion - List Group
Author: Márcio Antônio Slivak (maslivak)
Links: Source Code / Demo
Created on: December 21, 2019
Made with: HTML, CSS, Babel
Tags: vue, bootstrap, accordion, produts, menu
31. Bootstrap Accordion + Fontawesome
Accordion example using the card component from bootstrap
Author: Luis Badiali (badiali)
Links: Source Code / Demo
Created on: March 6, 2020
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: bootstrap, accordion, css
32. Bootstrap 4 Faq Accordion With Arrow Example
Bootstrap 4 faq accordion with arrow example is created by using bootstrap 4 and font-awesome up down icons. It is a beautiful section for your faq queations accordion.
Author: uiuxStream (uiuxStream)
Links: Source Code / Demo
Created on: March 20, 2020
Made with: HTML, CSS
Tags: bootstrap 4, accordion, faq, plus minus icons
More Awesome Lists:
Share: