CSS is abbreviated as Cascading Style Sheets, which provides the style layout for the HTML website. In addition to CSS, JQuery is also used to give special effects for the webpages. Jquery and CSS is combined in many websites to make a good and elegant appearance for the website. It has so many predefined effects available with in the CSS and JQuery, using the effects in appropriate position will make the design out of the box.
Accordion Tabs is the effect which is combination of CSS and JQuery, in which the content is displayed on click only. Each tab is considered like a radio button. While clicking on the tab it will display the content vertically or horizontally. Some designers using hover effect for the accordion tabs, in which the content will be displayed on mouse-over.
In this article we are listing 30+ Free CSS3 Accordion Tabs, which is completely designed with CSS3 and Jquery. All these are free for both personal and commercial use. You just scroll down and enjoy our handpicked collection and feel free for use. You can download all these Accordion files and just use in your websites. Hope this article is helpful for you.
Css Tab menu
Simple, clean and modern accordion tabs in which nice transition is given in-between tab switching. The design is enhanced with nice hover effects also. Feel free to use and simply download the file from the following link.
Awesome design concept of accordion tabs, in which it is arranged as multi-level structure. On clicking the main item, it has a sub item. For each sub item there is another item list is available. On clicking the same group the other tab will close fully.
Responsive Animated Accordion
Completely responsive animated accordion tabs in which the tabs can be closed on clicking the tab and also by clicking on the close button which appear only on tab opened. Multiple tabs can be opened simultaneously.
Simple Accordion Tabs
Horizontal Accordion is a beautiful group of tabs which is awesomely designed by using hover effect. On mouse over the tabs will display the content by sliding other tabs to left or right.
Multiple Accordion Menu
A beautiful accordion tab which is designed with pixel perfect. In each tab there is position allocated for the notification number. This is suitable for inbox and notification tabs in social media websites like google plus, Facebook. The sub item has also the number notification is available.
Accordion Navigation Menu
Elegant navigation menu which designed completely with HTML and CSS. This pure CSS navigation menu design is enhanced with the accordion effect. The navigation menu bar is placed on left side of the screen. Multiple tabs can’t open simultaneously.
This accordion tab is very simple and beautifully designed with fully responsiveness. The green and white color combination is used for the tab and content section. A single tab can open at a time on clicking another tab the present tab will close and it will display the clicked tab.
Accordion Tabbed Form
Accordion Slider Tab
Accodion Tabs with Pagination
Flat Accordion Tabs
This animated accordion is suitable for blogging websites, which is completely designed with HTML5 and CSS3. On clicking the tab, the arrow placed right end will rotate 90 degree toward right and on clicking the other tabs current tab will close by sleek in transition.
Accordion Profile Tabs
Simple and beautiful profile accordion tabs which completely designed with CSS3. Where the social media links also integrated with the profile picture. On clicking the profile picture the associated social media networks like facebook, dribble, instagram and others will be displayed. The inbox tab is enhanced with the notification number. This is the total number of both inbox and sent message, the individual number is placed in the sub item.
Accordion FAQ Tabs
Vertical Accordion Menu
Metro Style Accordion
Flat and simple tabs with beautiful color combination, its absolutely free for both personal and commercial use. Here the number of sub tabs will be displayed in the main tab. Beautiful transition is given to enhance the design.