Here is a list of 10 accordions that I have chosen on the basis of their small code size and thus have fast loading speed. In spite of small code size, all have very good smooth sliding effects.
Horizontally expanded CSS based Accordion image slider.
It is a CSS3 based horizontal accordion slider which is also responsive, which expands the images horizontally on mouse hover. While loading it on hand held devices, it automatically transforms itself into a vertical slider so that it could fit well according to small screen. Visit Site Demo
Compressed CSS: 3 KB
Compatibility: Does not supported by IE 8, 9 and Opera mini 8.
Pure CSS based Smart Accordion / Tabs
It is a simple and fast loading CSS based accordion component which displays well on all sort of display options,including all sort of handheld devices. It is ideal to use at the places, where simplicity, yet fast loading speed is required. Visit Site
compressed css: 700 Bytes
Compatibility: Supported by all browsers including IE 8, 9, 11
Very Smooth Accordion component with Pure CSS / CSS3
compressed CSS: 1.4 Kb
Compatibility: Excessively use -webkit-transition which is only supported by webkit browsers including chrome, safari, opera etc.
Simple HTML5 / CSS3 based multilevel accordion.
Compatibility: Supported by all browsers except IE 8, 9 and Opera mini 8.
CSS3 Transitions based Responsive Accessible Accordion
This accordion deploys label + radio and label + checkbox combination for toggling panels based on whether multiple slides or panels can be open simultaneously or not. It uses CSS3 transitions to execute smooth animations for opening / closing functions.
I basically work in the CMS, like Joomla and WordPress and in framework like Laravel and have keen interest in developing mobile apps by utilizing hybrid technology. I also have experience working in AWS technology. In terms of CMS, I give Joomla the most value because I found it so much user freindly and my clients feel so much easy to manage their project in it.
Enjoy best web development services at an affordable price. Looking forward to build a good relationship and serve you better...
My name is Nohman Habib and I am a web developer with over 10 years of experience, programming in Joomla, Wordpress, WHMCS, vTiger and Hybrid Apps. My plan to start codingace.com is to share my experience and expertise with others. Here my basic area of focus is to post tutorials primarily on Joomla development, HTML5, CSS3 and PHP.