Accordion menus examples – jquery

jQuery accordion menus help add more content without sacrificing white space, leading to more usable and attractive user interface design navigation, sliding, minimizing and maximizing content. I listed below useful JQuery Accordion Menus collection for you to get started using accordion menus in your own projects. you can improve your design to be user friend, catchy, and interactive. you’ll find not only some pre-built plugins, but also some tutorials so you can make your own. choose your menu from the below list.

jQuery UI accordion:

The jQuery UI accordion widget is a great way to group logical sections of your page together and it can used very effectively for navigation.

jquery-ui-accordion

jquery-ui-accordion

Demo   Download

Simple Accordion with CSS and jQuery

Detailed tutorial how to create great looking accordion menu. It is really simple way to build a sliding accordion

jquery-simple-accordion

jquery-simple-accordion

Demo  Download

Accordionza – jQuery Plugin

Accordionza is a very flexible and lightweight jQuery accordion plugin.
Features:  Easily configure all effects and speed, pause on hover, autoplay and autorestart,  collapseable captions and more.
accodionza-jquery
Demo

Horizontal Accordion Menu

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.

horizontal-javascript-accordion-menus

horizontal-javascript-accordion-menus

Demo

TinyAccordion JavaScript Accordion

This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website. It now includes multi-level support, a parameter to determine whether only one panel can be expanded concurrently, and a hide/show all toggle.

Demo Download

 

Share this nice post:

5 thoughts on “Accordion menus examples – jquery

  1. I got what you wish, thanks for putting up. Woh I am gladsome to effort this website through google.
    Thanks For Share Accordion menus examples

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>