jquery has become very popular and by default most modern browsers allow jquery code to run on them without any issues. We can find many special effects made for html websites with the help of jquery and css. Accordion menu and tabs are very important part of a website either its business website or creative as you cant leave the accordion , tab part. Pure css accordion tabs are rare but once done with css3 alone we can see cross platform support for them.
Below you will find free and premium accordion, tabs made to implement on your website. A little HTML , CSS knowledge is required to grab the free ones listed below to implement them freely on your new website. CSS, HTML, Jquery code is shown in codepen or cssdeck website you will have to manually integrate theme without much help. Premium stuff provided here will be much more straight forward with proper docs which will let you to integrate it easily on your website.
Last time we have added many free resources for css templates so make sure to get a look at them as well.
- 45 Free Responsive HTML5 CSS3 Website Templates
- 15+ Best Free Navigation Menus
- 20 Best HTML CSS Pricing Table Templates, Tutorials
- 25 Free HTML5 CSS3 jQuery DropDown Menus
Pure CSS Tabs
Responsive CSS Tabs
A brilliant design of tab system for accordions with responsive design.
Css Tab menu
An interesting tab menu with added images and icons with additional styles and interest to the viewer. This download includes no jquery as the code is designed with pure css and html elements.
Free Simple sass/jQuery AccordionDownload
Free Pure CSS Horizontal Accordion
I decided to take a CSS3 approach and use elements instead of images. I have use Genericons font for the social networking icons.Download
CSS Responsive Animated Accordion
There are some magic numbers in here – as I was animating max height to achieve the accordion effect.Download
CSS3 Multiple Accordion Menu
A fully functional accordion menu, using unordered lists and checkboxes, to allow users to have accordion open/closed as required.Download
Simple dynamic accordion that can be duplicated as much as you want!Download
Super basic accordionDownload
Responsive Accordion to TabsDownload
Zozo Tabs is a user-friendly, fully customizable, responsive jQuery tabs plugin to take any HTML content, including images, videos and display it in a clean organised and responsive tabbed navigation.Source
Tabbed – HTML5 & CSS3 Responsive Tabs
If you wish to spice up your corporate website, blog, ecommerce site or a message board, with Tabbed it’s easy to show any content, video, price or data tables, form or other elements.Source
Pure CSS3 Tabs
Tabion – Metro Tab Accordion Switcher CSSSource
Pure CSS3 Responsive Tab