Submit your widget
332
Yays

Horizontal Accordion menu with jQuery

  Views 41519   downloads 5149   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,…

288
Yays

Making Accordions with the Tabs(jquery)

  Views 51987   downloads 9781   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…

284
Yays

Simple Accordion CSS3 and jQuery

  Views 44471   downloads 12468   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…

278
Yays

Elegant Accordion with jQuery and CSS3

  Views 56624   downloads 11645   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  …

278
Yays

jQuery plugin: Easy Accordion

  Views 41104   downloads 8822   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…

277
Yays

jQuery Colorful Content Accordion menu

  Views 39090   downloads 7076   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…

256
Yays

Super simple Multi-level accordion jQuery plugin

  Views 87350   downloads 21095   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…

253
Yays

Simple JQuery Accordion Collapsing menu

  Views 84007   downloads 19447   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…

245
Yays

multi level slide accordion menu with jQuery

  Views 148915   downloads 30142   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…

220
Yays

Hover Accordion jQuery

  Views 51025   downloads 8767   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…

213
Yays

Kwicks accordion menu for jQuery

  Views 41839   downloads 8176   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;…

200
Yays

jQuery-Horizontal Accordion

  Views 33626   downloads 7139   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…

195
Yays

Customizing the Accordion effect

  Views 32932   downloads 5881   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…

187
Yays

jQuery Accordion slide Plugin

  Views 52164   downloads 10744   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…

186
Yays

Nice horizontal accordion with jQuery plugin

  Views 37703   downloads 10668   Accordion

The plugin works correctly in ie8 & ie9, it does not work in ie9 switched to ie8 standards mode, or ie9 compatibility view. If you’re using ie9 as ie8 to debug, the tabs will only be clickable…