Submit your widget
113
Yays

Accordion Menu mit Slide-Effekt im Apple-Style CSS3

Views 18937   downloads 3845   Accordion

Step 1: Definieren der HTML-Struktur Das HTML-Grundgerüst dieses Accordion-Menüs behinhaltet drei fiktive Menüpunkte ( Brand, Promotion, Event ) verwendet, die interessierten CSS-Anwendern…

133
Yays

jQuery accordion Plugin

Views 13590   downloads 2807   Menu & Navigation

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at…

101
Yays

accordion effect using CSS3

Views 11767   downloads 2384   Accordion

The xhtml <dl> <dt><a href="#Section1">Section 1</a></dt> <dd id="Section1"> <p> Lorem ipsum dolor sit amet... </p> </dd> <dt><a href="#Section2">Section…

157
Yays

Kwicks accordion menu for jQuery

Views 27124   downloads 5377   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;…

103
Yays

Cross Browser Pure CSS3 Horizontal Accordion

Views 23543   downloads 3328   Accordion

You can add other CSS3 features like gradients, font-face, etc to enhance it further. Our accordion will degrade to an unordered list in IE6 (which will be completely untouched by our CSS). You can use…

150
Yays

multiple Javascript Accordions tabs

Views 20363   downloads 5924   Tabs

Javascript accordians have been used a lot in todays web design world. There are a lot of scripts we have seen and sure you too would have seen them. This is a great technique for integrating accordion-style…

121
Yays

Accordion Script With Multi-Level Support

Views 14549   downloads 3294   Accordion

This  accordion script is powerful and lightweight at only 1.2kb. It now includes multi-level support, the option to allow multiple panels to expand concurrently, and a hide/show all toggle. To initialize…

187
Yays

Elegant Accordion with jQuery and CSS3

Views 35689   downloads 7086   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  …

92
Yays

jQuery accordion menu

Views 7514   downloads 1424   Accordion

Through the creation of a jQuery accordion menu. There is a little twist to this: the menu contains content. Instead of it being links to multiple pages, it is a choice of what content should appear.…

172
Yays

jQuery UI Accordion

Views 16979   downloads 4892   Accordion

  Make the selected elements Accordion widgets. Semantic requirements: The markup of your accordion container needs pairs of headers and content panels: <div id="accordion"> <h3><a…

97
Yays

Fast and Simple Toggle View Content with jQuery

Views 11035   downloads 3115   Accordion

This script is fairly straight forward. What it does is using the UL list and allow user to toggle to display the content of LI items. This is a really useful user interface feature that it helps designers…

112
Yays

Intelligent Accordion Effect(jQuery )

Views 11131   downloads 2475   Accordion

We’ve all seen the “accordion” type effect used on many Web 2.0 sites; however, many accordion scripts are heavy, make poor use of the libraries they are based on, and don’t handle…

154
Yays

jQuery-Horizontal Accordion

Views 23092   downloads 5023   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…

154
Yays

Horizontal Accordion using the Tabs

Views 25640   downloads 4033   Accordion

HTML Coding Our HTML setup is similar to the basic accordion setup except that the "headers" are now images: <!-- accordion root --> <!-- 1st header and pane --> .. pane content .. <!--…

134
Yays

Customizing the Accordion effect

Views 18634   downloads 3563   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…