Submit your widget
283
Yays

Horizontal Accordion menu with jQuery

Views 28137   downloads 3786   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,…

233
Yays

Simple Accordion CSS3 and jQuery

Views 29056   downloads 7962   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…

227
Yays

jQuery Colorful Content Accordion menu

Views 24939   downloads 4941   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…

214
Yays

Making Accordions with the Tabs(jquery)

Views 30351   downloads 5708   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…

212
Yays

jQuery plugin: Easy Accordion

Views 27148   downloads 6074   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…

187
Yays

Super simple Multi-level accordion jQuery plugin

Views 52138   downloads 11138   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…

184
Yays

Elegant Accordion with jQuery and CSS3

Views 35085   downloads 6939   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 51718   downloads 12367   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…

163
Yays

Hover Accordion jQuery

Views 33016   downloads 5628   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…

155
Yays

Kwicks accordion menu for jQuery

Views 26692   downloads 5216   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;…

151
Yays

jQuery-Horizontal Accordion

Views 22733   downloads 4879   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…

137
Yays

jQuery Accordion slide Plugin

Views 36743   downloads 6777   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…

135
Yays

multi level slide accordion menu with jQuery

Views 70740   downloads 15056   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…

130
Yays

Customizing the Accordion effect

Views 18092   downloads 3391   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…

128
Yays

Feature Complete jQuery Slide Out Info Bar

Views 21796   downloads 3915   Menu & Navigation

The bar used jQuery to hide itself until someone click a small question mark on the top left of the page. The box contains several drop down boxes which house info such as FAQs, Contact form, about us…