Navigation Menu

35+ Bootstrap Accordions - Free Code + Demos

Collection of 35+ Bootstrap Accordions. All items are 100% free and open-source.

NEW 🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉 Click to visit: ApplyFox.ai

2. Bootstrap Accordion With Sign

Bootstrap Accordions - 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

6. Collapsible Tabs (Bootstrap Accordion) Easy To Use Plugin

Bootstrap Accordions - 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 Accordions - 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

14. Accordion Styles

Bootstrap Accordions - Accordion Styles
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.1.1, accordion

15. CSS Accordion

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - Style Bootstrap Accordion
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 3.3.0, accordion

19. ACCORDION Frequently Asked Questions

Bootstrap Accordions - ACCORDION Frequently Asked Questions
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 3.3.0, accordion

20. Tabs And Accordion Collaboration

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - accordion design
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.0.0, accordion

23. Multi-level Accordion

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - Accordion Fancy Animation
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 3.3.0, jQuery, animation, accordion

28. Bootstrap Accordion

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - 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

Bootstrap Accordions - 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 Accordions - 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
NEW 🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉 Click to visit: ApplyFox.ai
More Awesome Lists:
HTML UI Kits Bootstrap Tables Bootstrap Carousels Bootstrap CarouselsBootstrap Sliders Bootstrap Sliders
Share: