Minggu, 09 Juni 2013

Zozo Accordion - Responsive And Touch-Friendly




Description

Accordion

Follow us on CodeCanyonGet Email NotificationsFollow us on FacebookFollow us on Twitter


UPDATE COMPLETE, VERSION V 3.3 (Advanced API, Autoplay support, External Linking and much more – CHECK LIVE PREVIEW!

LAST UPDATE : Version 3.3 – 27 May 2013
FREE UPDATES and Full Support


The brand-new version (v3.3) of 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 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.

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)

Support

You also get free lifetime support and updates. If you have any questions, ideas or suggestions, please feel free to contact us at support@zozoui.com or on our profile page.

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
  • 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
  • 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
  • Slider accordion – Add images inside accordion and it will display it like a slider, view slider demo
  • 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 (vertical accordion)
  • 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 Support – 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. Stay tuned and keep in touch.

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

Zozo Accordion QR Code

Download Package

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

Changelog

Version 3.3 – 27 May 2013
  • Improved: CSS3 transitions
  • Fixed: iOS bug
Version 3.2 – 1 May 2013
  • Added: minWidth and minWindowWidth before it switches to vertical (responsive accordion)
  • Added: headerFontSize and headerSize for vertical accordion (responsive accordion)
  • 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




Category : Scripts, javascript, sliders | Rating: 5.0 out of 5.