Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
30 Sep

Make Horizontal Accordion with Easy Accordion Plugin

  • GPL License, MIT License, Menu
  • Leave a Comment

Easy Accordion plugin will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. You can then decide to make it a timed slideshow or leave it still.

Easy Accordion plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free! And it has been tested on Firefox 3.5+, IE6/7/8, Safari 5+ and Google Chrome.

accordion-plugin

Requirements: jQuery Framework
Demo: http://www.madeincima.eu/samples/jquery/easyAccordion/
License: MIT, GPL License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Easy Responsive Tabs jQuery Plugin for Web & Mobile

Easy Responsive Tabs jQuery Plugin for Web & Mobile

Easy to Use Ajax Auto Suggest jQuery Plugin

Easy to Use Ajax Auto Suggest jQuery Plugin

A Fully Responsive & Lightweight jQuery Dateinput Picker

A Fully Responsive & Lightweight jQuery Dateinput Picker

jQuery Context Menu Plugin with a Bunch of Context Menus

jQuery Context Menu Plugin with a Bunch of Context Menus

Easy List Splitter Helps You Split a List into Different Columns

Easy List Splitter Helps You Split a List into Different Columns

Fully Interactive jQuery File Tree

Fully Interactive jQuery File Tree

Comments
  • http://www.crearedesign.co.uk Will Creare

    Love this horizontal accordion. I have used a vertical one, but i think this one is great. and browser friendly. Thanks.

  • http://www.crearedesign.co.uk/ David Christian-Woodruff

    Assuming the boxes could be of any size, this is an excellent tool to save space on a web page.

    Just thinking of an e-commerce site that I saw being worked on where I work at Creare Design, this jQuery would really benefit the entire navigation. Even if it was just to put across some important information over more substantial content, I believe people would, if only for the interest of seeing it work, play with the accordion slider, hence achieving its purpose.

    The only issue it might have, purely from just looking at it now and not knowing the exact ins and outs of the coding, is that it may (and I stress MAY) not pass CSS validation tests and/or have problems on cross-browser platforms. Other than that, and if it doesn’t have any issues, it’s an excellent tool, beautifully designed.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Easy to Use, Drag & Drop Bootstrap Interface Builder
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • Create an Amazon-like Navigation Menu with jQuery
  • A True Responsive jQuery Lightbox Plugin for Free
  • Super Smooth CSS Transitions for jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes24
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License410
Sponsors
Advertise Here
Partners
MaxCDN