Submit your widget
283
Yays

Horizontal Accordion menu with jQuery

Views 26965   downloads 3480   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,…

232
Yays

Simple Accordion CSS3 and jQuery

Views 28170   downloads 7699   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…

220
Yays

jQuery Colorful Content Accordion menu

Views 24134   downloads 4609   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…

213
Yays

Making Accordions with the Tabs(jquery)

Views 28994   downloads 5336   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…

211
Yays

jQuery plugin: Easy Accordion

Views 26399   downloads 5764   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…

184
Yays

Super simple Multi-level accordion jQuery plugin

Views 51008   downloads 10867   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…

183
Yays

Elegant Accordion with jQuery and CSS3

Views 33748   downloads 6646   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 50719   downloads 12009   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…

159
Yays

Hover Accordion jQuery

Views 31444   downloads 5347   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…

154
Yays

Kwicks accordion menu for jQuery

Views 25841   downloads 4852   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;…

150
Yays

jQuery-Horizontal Accordion

Views 21884   downloads 4647   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

jQuery Accordion slide Plugin

Views 35318   downloads 6412   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…

134
Yays

multi level slide accordion menu with jQuery

Views 68702   downloads 14711   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…

129
Yays

Customizing the Accordion effect

Views 17008   downloads 3092   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…

127
Yays

accordion menu with jquery

Views 22222   downloads 4386   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…