Zozo Accordion - Responsive and Touch-Friendly

Last Update: 14 August 2013
Regular License: $9
Sales: 440

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.

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

New Features in Zozo Accordion Version 3 Now fully responsive! Lighter weight, more efficient JavaScript and CSS Autoplay support with optional stop on hover/click (smart autoplay) Vertical navigation menu accordion Advanced API Tested and compatible with iPad, iPhone (IOS), Samsung Galaxy S3, Samsung Note 2 (Android)

Zozo Accordion Features Fully documented and step-by-step guide provided to help you get up and running with Zozo Accordion. View at www.zozoui.com 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, docs.zozoui.com/accordion

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.—RootScript/Carlos “You should be thanked for developing high quality products. It is working perfectly fine now. Thank you… Keep up the good work.”—Ertug76 “Nice Work Zozo I just love it. Good Luck”—MetroThemes “I just want to say that this script is fantastic, simple and efficient, and the support was fabulous. Thank you.”—AdvertisingTech 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

Download Package

Source and Minified JS Source and Minified CSS Documentation 12 Templates/Examples Release Notes

Changelog 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

UI Components by Zozo UI