Submit your widget
282
Yays

Horizontal Accordion menu with jQuery

Views 25996   downloads 3090   Accordion

Up until now I have always used Scriptaculous / Prototype for any JavaScript animation and effects, but lately I’ve heard a lot of good things about jQuery. So, I thought I would give it a try,…

231
Yays

Simple Accordion CSS3 and jQuery

Views 27330   downloads 7296   Accordion

Foundation – HTML Our markup is pretty simple, an <h2> and <div class="acc_container"> following right after. The <h2> is the heading of our accordion item. We will be using this…

219
Yays

jQuery Colorful Content Accordion menu

Views 23674   downloads 4467   Menu & Navigation

We are making a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects.   Step 1 – XHTML   As you can see from the demo, the accordion…

211
Yays

Making Accordions with the Tabs(jquery)

Views 27891   downloads 4996   Accordion

HTML coding Our HTML layout is a bit different than in tabs. The accordion headers are positioned in front of the panes and everything is contained as a flat list inside a single root DIV element with…

210
Yays

jQuery plugin: Easy Accordion

Views 25929   downloads 5386   Accordion

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. As usual, all of that…

183
Yays

Super simple Multi-level accordion jQuery plugin

Views 50091   downloads 10647   Accordion

This Jquery plugin makes creating accordions pain free. Just create an ul list and call the accordion javascript method and it is all done! Also it is super lightweight, just around 0.5kb. This Accordion…

182
Yays

Elegant Accordion with jQuery and CSS3

Views 32541   downloads 6384   Accordion

We will create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. We will add some CSS3 properties to enhance the looks. The Markup  …

174
Yays

Simple JQuery Accordion Collapsing menu

Views 50051   downloads 11595   Menu & Navigation

This is a simple Accordion collapsing menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don't have subitems are normal links.. The menu initialises with…

158
Yays

Hover Accordion jQuery

Views 30249   downloads 5166   Accordion

A jQuery Plugin for no-click two-level menus (or whatever else you want to do with it) Introduction This is yet another accordion script, except you don't have to click to open one item, you just move…

152
Yays

Kwicks accordion menu for jQuery

Views 25128   downloads 4538   Menu & Navigation

Default CSS Note that all of the examples on this page are using this as their default stylesheet /* defaults for all examples */ .kwicks { list-style: none; position: relative; margin: 0; padding: 0;…

148
Yays

jQuery-Horizontal Accordion

Views 21092   downloads 4223   Accordion

This jQuery plugin allows you to easily transform any unordered list into a horizontal menu. Currrent functionality: No dependencies Optional use of easing plugin Close and open content one after the…

134
Yays

multi level slide accordion menu with jQuery

Views 66654   downloads 14445   Accordion

jQuery accordion menus are menus that act like a musical accordion, with regards to their ability to expand and contract based on user interactions. This helps display additional information for the active…

132
Yays

jQuery Accordion slide Plugin

Views 33666   downloads 6105   Accordion

It to be more like an image slider. There are some coding after the project was complete jQuery plugin. Example 1 Each slide is 600 x 270 pixels. I've set the width of the accordion to 960 and the slideWidth…

128
Yays

Customizing the Accordion effect

Views 15962   downloads 2892   Accordion

Adding a custom effect If you want to make custom effects, you'll use the $.tools.tabs.addEffect() method. The first argument is the effect name and the second argument is the function that performs the…

125
Yays

accordion menu with jquery

Views 21580   downloads 4033   Accordion

In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when…