Heart Beach
Palm Leaf
Ocean Sunset
View from a Cave
Beach House
Responsive Horizontal to Vertical Accordion
Responsive Accordion
Responsive Accordion
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account
Accordion Slider
Accordion Slider
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account
Mobile Accordion
Mobile Accordion
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account
Premium jQuery Accordion
Premium jQuery Accordion
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account
Horizontal to Vertical Accordion
Horizontal to Vertical Accordion
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account
Accordion Navigation Menu
Accordion Navigation Menu
But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account
Popular
Tags
Latest
Comments
- Nice Work Zozo I just love it. Good Luck - Metro Themes
- Thank you for fantastic service!!! - Bergqvist
- I love your jQuery script, i've purchased it and installed into my pages! - Aenea Keats
Templates and Examples
We've created eight templates to get you started quickly. You can select your preferred template or modify each to create your own Accordion. It's dead simple to take these ready-to-use HTML template, just grab the code and drop it (included in the download) in your project or web site.
View All Templates
Vertical Accordion 
Horizontal to Vertical 
Accordion Slider
Accordion Navigation Menu
FAQ Accordion 
Accordion Slider with Spacing
Nested and Multiple Instances 
Vertical with Spacing Designed for everyone
Designed for everyone including designers & developers
Need reasons to use this plugin? Check the features below.
Responsive Design
All accordions are responsive with Cross-browser and Cross-Devices support, fully compatible with Tablet, Desktop and Mobile.
Responsive Accordion
Nested and Multiple Instances
Multiple and nested accordion are allowed on one page and different themes and options can be set without any conflict.
Nested
10 Preset Themes
Comes with 10 built-in themes that are ready to go and optimized for mobile and tablets devices. Also custom styled scrollbar for Webkit browsers
Themes
Horizontal to Vertical
One of its unique feature is switching automatically from horizontal to vertical on small screens.
Horizontal to Vertical
Accordion Slider
Add iamges inside accordion section and it will be displayed as accordion slider
Accordion Slider
Accordion Navigation Menu
Use accordion as nested navigation menu with links and hashtags. You can put a external link or any type of link to each accordion header.
Accordion Navigation Menu
Powerful API
Comes with bunch of public methods and callback events which can be used to control the accordions. These functions and callback events are great for developers that need additional control over accordions behavior to integrate the plugin into their own apps and sites.
Animation and Transitions
Animation is done in CSS3 Transitions or jQuery and also supports jQuery easing plugin for advanced easing with adjustable animation speed
Load content with AJAX
Load content with AJAX by passing an array of urls through initialization or add url directly to header of each accordion section using HTML5 Data Attributes. Also supports AJAX caching.
Autoplay Support
Automatically animate through accordion sections when visitors arrive on your website. You can
set interval time of autoplay and optional stop on hover/click (smart autoplay).
Slider
Cross-browser Support
Zozo Accordion support all major desktop browsers (including IE7, IE8, IE9, IE10, Chrome, Firefox, Safari, Opera) and mobile browsers. We have tested it on iPad, iPhone (IOS), Samsung Galaxy S3, Samsung Note 2 (Android).
Event/Action
Zozo Accordion supports click/mouseover to select a tab on desktops. Super fast CSS3 transitions are used together with native touch events to achieve faster and smoother performance without any delays.
Screen Reader Compatible
Built-in WAI-ARIA support, all the necessary rols/attributes are added automatically, as screen readers can use this extra information to improve a disabled user's experience with your applications. W3C Design Patterns
Keyboard navigation
Optionally enable the cursor keys to browse an accordion.
HTML5 and CSS3
All content is always accessible to search engines and the markup is semantically correct to help you achieve the best possible SEO-friendly results even without JavaScript enabled.
Documentation
Fully documented and step-by-step guide provided to help you get up and running with Zozo Accordion. View extended online documentation at Zozo Accordion Docs.
Free support and Updates
Zozo Accordion is always under development, frequently updated and continues to offer more features and improvements with each new release. Stay tuned and keep in touch.
HTML Content
Place absolutely any HTML content (Images, Audio, and Video) into accordion sections.