jQuery Horizontal Accordions – jQuery Plugin for Easy Accordion

jQuery-Horizontal-Accordions

Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.

It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.

The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

There are multiple options offered like setting the slide to be displayed on initial load, auto-display to be on/off and including the slide number or not.

Official Words:

A couple of months ago I found myself looking for a jQuery plugin to create a horizontal accordion. I needed a simple and clean solution for one of my projects and, at a first glance, Slidedeck seemed to be what I was looking for. Unfortunately, this turned out to be not that flexible as I wished it to be.
Hence, I decided to create my own horizontal accordion plugin.

Features

  • Easily create a nice and smooth accordion effect
  • Decide whether or not automatically animate your slider
  • Insert multiple instances of the accordion in the same page
  • Set the active slide when the user loads the page
  • Include or remove the slide number
  • Text is rotated using CSS properties. No need for images!
  • Easy Accordion is totally customizable via CSS: change height, width, set borders and paddings, use background images and so on
  • Accessible and SEO friendly
  • Slide any kind of content (divs, simple text, images, lists, etc.)
  • Less than 8KB!
  • No dependencies at all!

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
Demo: http://www.madeincima.eu/samples/jquery/easyAccordion/
Download: http://www.madeincima.eu/samples/jquery/easyAccordion/scripts/jquery.easyAccordion.js

Advertisements
 
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

Trackbacks to this post.
Leave a Reply

Copyright © 2014 Design Blog. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us