Connect with us

Wordpress Plugin

Zozo Accordion – Responsive and Touch-Friendly

Zozo Accordion - Responsive and Touch-Friendly



Follow us on CodeCanyon
Get Email Notifications
Follow us on Facebook
Follow us on Twitter

COMING SOON V.5.0 with a lot new features and api methods

Zozo Accordion is Fully responsive and touch-friendly with a lot of customization options that can be integrated into your site/blog quickly without writing any code. Some of its key features includes: such as CSS3 transitions with jQuery fallback, horizontal, vertical, slider, menu accordion, load content with AJAX, custom styled scrollbar for Webkit, 10 unique themes, semantic HTML5 and SEO friendly and much more. Note: This is not a WordPress plugin but it can be easily integrated.

Live Demos | Extended HTML documentation | Support

Please note: This is not a WordPress plugin but it can be easily integrated. We provide a tutorial how to use it in WordPress. Please contact us via Email.


You also get free lifetime support and updates.
If you have any questions, ideas or suggestions,
please feel to contact us at [email protected].
Please note: do not post support related questions here under the item comment section which is only for pre-sales questions and testimonials.

Zozo Accordion Features

  • Fully documented and step-by-step guide provided to help you get up and running with Zozo Accordion. View at
  • Responsive layout and touch-friendly for mobile devices – compatible with Tablet, Desktop and Mobile. The layout of the components are scaled according to resolution of the device
  • 12 Examples/templates – Included so that you can see how to implement these in your own website or project
  • CSS3 transitions with jQuery fallback – superfast on mobile & table
  • 10 built-in themes that are ready to go (white, crystal, silver, gray, black, orange, red, green, blue, deepblue), view themes demo
  • Slider accordion – Add images inside accordion and it will display it like a slider, view slider demo
  • Mobile touch events are used for mobile and tablet devices for faster and smoother performance. They are no 300ms delay like some other sliders/accordions having on mobile.
  • Multiple accordion allowed on one page (Multiple Instances), view multiple instance demo
  • Horizontal to Vertical Accordion – is one its unique features, switching between horizontal and vertical depending on screen size and device type, view horizontal to vertical accordion
  • Nested accordion, can have different themes and options without any conflict, view nested demo
  • Horizontal and vertical accordion, view horizontal demo
  • Semantic HTML5 and SEO friendly – All content is still viewable without JavaScript enabled.
  • Fully customizable
  • Custom styled scrollbar for Webkit browsers
  • 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
  • HTML Content – Put absolutely any HTML content inside each Accordion content (Images, Audio, and Video).
  • Vertical navigation menu accordion
  • Links – You can put a external link or any type of link to each accordion header.
  • 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)
  • Single and multiple expandMode – it can be used as a toggle
  • Advanced animation options using jQuery Easing Plugin (optional), otherwise “linear” or “swing”. CSS3 transitions are used on mobile and tablet devices for faster and smoother experience.
  • Codeless creation & customization with HTML5 data attributes
  • Cross-browser and Platform – Zozo Accordion supports 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)
  • 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
  • CSS3 and HTML5 design
  • Keyboard navigation – Optionally enable the cursor keys to browse an accordion.
  • Extended HTML documentation and advanced API,
  • Free support and Updates – Zozo Accordion is now in its 3rd version, and each of these updates has been free. Zozo Accordion is always under development, frequently updated and continues to offer more features and improvments with each new release. Even if the value of Zozo Tabs increases via updates, you will get them for free.

What are buyers saying

“A very nice Clean Accordian, that does nested, horzontal & vertical. I like this accordian, it is responive: when you resize your browser smaller, a horizontal accordion changes to be vertical (and all the text rotates round to the correct orientaion) – That is very nice.
Support is very fast too, all my emails have been answered quickly. My first impression is this is a great Accordion.

“You should be thanked for developing high quality products. It is working perfectly fine now. Thank you…
Keep up the good work.”

“Nice Work Zozo I just love it. Good Luck”

“I just want to say that this script is fantastic, simple and efficient, and the support was fabulous. Thank you.”

You can find more reviews from real buyers in Comments Page

If you enjoy this plugin please take a minute rate it & share it! If you are rating it with less than 5 stars please drop us a mail why it didn‘t achive a full score and what could be improved in your opinion.

View Accordion demos on your mobile device

Zozo Accordion QR Code

Download Package

  • Source and Minified JS
  • Source and Minified CSS
  • Documentation
  • 18 Templates/Examples
  • Release Notes


Version 4.4 – 14 March 2014

  • Fixed: Remember state bug
  • Chaned: When added array to active tab the expand mode will be also set to multiple
  • Improved: CSS and organised

Version 4.3 – 10 March 2014

  • Added: Remember state
  • Added: Multiple open sections
  • Improved: CSS and organised

Version 4.2 – 6 March 2014

  • Added: Loading spinner before accordion are initialized on page load to prevent unstyled accordion. Prevent a FOUC (Flash of Unstyled Content) before accordion are initialized
  • Added: New example in the examples folder
  • Added: Larger loading spinner in the img folder
  • Improved: CSS and organised

Version 4.1 – 23 Janaury 2014

  • Added: SEO and Semantic markup. Use any HTML markup to create slick accordion and boost your SEO.
  • Changed: AJAX loading img name
  • Changed: Header class name to z-header
  • Removed: All HTML tags from CSS and replaced with CSS class names.
  • Improved: CSS and organised
  • Fixed: Callback events

Version 4.0 – 21 October 2013

  • Fixed: Box shadow on mobile
  • Fixed: Text shadow on mobile
  • Fixed: IE10 issue on windows 8
  • Fixed: Nested accordion issue
  • Fixed: Conflict between zozo accordion and and tabs

Version 3.9 – 15 October 2013

  • Improved: Responsive features

Version 3.8 – 28 August 2013

  • Fixed: Windows phone 8

Version 3.7 – 08 August 2013

  • Fixed: contentHeight isue
  • Fixed: minor bugs

Version 3.6 – 04 August 2013

  • Fixed: IE7 and IE8 gradient issue
  • Fixed: IE7 filter bug

Version 3.5 – 13 June 2013

  • Added: Added: Support for Font Awesome, it’s not include with Zozo Accordoin can be downloaded from their website
  • Added: jQuery 1.9.x support
  • Added: Shadow for accordion slider
  • Improved: CSS typography
  • Fixed: IE10 issue

Version 3.4 – 8 June 2013

  • Improved: CSS3 transitions
  • Fixed: iOS bug

Version 3.3 – 27 May 2013

  • Added: minWidth and minWindowWidth before it switches to vertical (responsive accordion)
  • Added: headerFontSize and headerSize for vertical accordion (responsive accordion)

Version 3.2 – 1 May 2013

  • Improved: Documentation
  • Fixed: Few minor bugs

Version 3.1 – 30 Apr 2013

  • Improved: Accordion with scrollbars
  • Fixed: Horizontal Accordion spacing issue in Sarfari and Opera

Version 3.0 – 25 Apr 2013

  • Added: Autoplay support with optional stop on hover/click (smart autoplay)
  • Added: Advanced API public methods (select, first, last, next, prev, etc.),
  • Added: Links you can put a external link or any type of link to each according header.
  • Added: New horizontal slider accordion with spacing also added to examples/templates
  • Added: New FAQ accordion to examples/templates
  • Added: New vertical navigation accordion to examples/templates
  • Added: Option headerFontSize used for responsive accordion
  • Improved: Responsive feature, removed breakpoints and it will take the full width of it’s parent element
  • Improved: Slider accordion with images
  • Improved: CSS themes
  • Fixed: Nested vertical accordion incorrect collapsing and expanding child accordions
  • Fixed: Internet Explorer 8 bug in horizontal accordion
  • Fixed: Scrolling issue in Android and IOS and improved touch expereance

Version 2.0 – 2 Feb 2013

  • Added: Support to load content with AJAX
  • Added: CSS3 transition for collapsing and expanding accordion
  • Added: Mobile touch events for mobile and tablet devices
  • Added: Slider Accordion with optional dot navigation
  • Added: Events/Callbacks such as select, activate, contentLoad (AJAX) and error (AJAX)
  • Added: 2 more templates/examples
  • Added: new options such as: animation type, slider, dotNav, shawIcons
  • Improved: and organized CSS themes
  • Improved: and organized js source
  • Improved: Documentation, all options are fully documented and has example code for jQuery and HTML5 data attribute usage.
  • Fixed: Nested vertical accordion incorrect collapsing and expanding child accordions
  • Fixed: Few minor bugs

Version 1.1 – 7 Jan 2013

  • Fixed: CSS3 transition issue in Firefox
  • Fixed: Horizontal accordion rendered incorrectly after changing options (setOptions) after the first first
  • Improved: Vertical accordion animation(collapsing and expanding)
  • Improved: Documentation
  • Fixed: Few minor bugs

Version 1.0 – 6 Jan 2013

  • Initial Release

If you enjoy this plugin please take a minute rate it & share it! If you are rating it with less than 5 stars please drop us a mail why it didn‘t achive a full score and what could be improved in your opinion.

UI Components by Zozo UI

Zozo Accordion - Responsive and Touch-Friendly  - 1

Download Png Image

Subscribe Our   Youtube Channel


Free1 week ago

How you can Delete Albums on i phone

There are 2 different ways to delete albums on your iPhone. A technique is to sync your gadget with iTunes...

Free2 weeks ago

Avast Review — Pros and Cons of Avast Ant-virus

In this Avast review, we will look on the advantages and disadvantages on this antivirus software program. Fortunately, most users...

Free2 weeks ago

The Best Free VPNs

If you’re on a tight budget and don’t desire to use a paid out service, there are many free VPNs...

Free3 weeks ago

How you can make a Collage on iPhone

If you’re wondering making a collage on your i phone, this article will present to you how to do it....

Free3 weeks ago

Netfiles Dataroom Assessment – If you decide to Read a Netfiles Dataroom Review?

When you are taking into consideration which dataroom software application to work with, you might be wanting to know which...

Free3 weeks ago

The Online Dating Disease

A recent review suggests a rise in cases of sexually transmitted ailments due to internet dating. The Centers for Disease...

Free3 weeks ago

Who Else Wants to Do My Essay For Cheap?

If you’re struggling with college work and looking for someone to write my essay, then you’re all on your own....

Free3 weeks ago

Poetry Analysis Of “introduction To Poetry” Free Essay Example

Homework Lab doesn’t bear any responsibility for the unauthorized submission of the examples. First, you would wish to take a...

Free3 weeks ago

Totally free Antivirus Vs Paid Malware

While there are plenty of options for free antivirus applications on the market, these items usually come with limitations. Totally...

Free4 weeks ago

OnBoard Board Webpages Review

This On-ship Board Web destination Review can be described as comprehensive evaluate the benefits and drawbacks with this software. This...

Free1 month ago

Using Virtual Reality to Engage Special Demands Students

VR is mostly a new form of entertainment that allows users to immerse themselves in an encounter like zero other....

Free1 month ago

Antivirus Software Rewards

Antivirus computer software can help give protection to your computer against phishing scams and destructive software. Older adults are particularly...

Free1 month ago

Ideal Data Room Services

Best data room providers are a combination of functionality and ease of use. Some data room providers present features such...

Free1 month ago

On the web Security Guidelines

In an progressively connected world, web based security is of critical importance for everyone, right from individuals to businesses. We...

Free1 month ago

What you need to Know About Organization Process Motorisation Software

While you’re continue to deciding whether to use organization process motorisation software, there are a few things you should know...