Submit your widget
98
Yays

very cool Accordion effect

  Views 29666   downloads 6543   Accordion

you're a beginner in JavaScript and CSS, it can be very helpful to study the included examples before you start implementing the Classic Accordion into your page. You can even use them as starting…

90
Yays

jQuery Collapsible Content accordion plugin

  Views 34568   downloads 8195   Accordion

Collapsible Content with JavaScript This plugin provides you an accessible and lightweight solution to a widely adopted interface pattern known as progressive disclosure Basic Usage <div id="demo"…

99
Yays

HTML5 and CSS3 accord effect

  Views 43714   downloads 7839   Accordion

While reading more about HTML5 & CSS3 I just found an amazing css3 button styling. This time I wanted to do something which I was doing from past 2 years using JQuery. In this tutorial I am going…

115
Yays

Pure CSS3 Accordion Image effect

  Views 34402   downloads 5717   Accordion

Fluent animated transitions for sliding web page elements such as a menu or an image gallery, have always traditionally been implemented with JavaScript. But using the CSS3 pseudo-class :target and the…

96
Yays

JQuery Slide accordion Toggle

  Views 42054   downloads 7681   Accordion

we'll share a very common and easy jquery tutorial with you. A JQuery Slide Toggle function .slideToggle() function is used to hide or show matched elements in a sliding effect. So the basic syntax…

118
Yays

Cool CSS3 and html5 3D Accordion

  Views 49145   downloads 8203   Accordion

Try this out with Safari or Chrome. Accordion menus are very popular since Web 2.0 appeared with new widgets in order to enhance the usability of the sites. The Accordion widget is used to display one…

116
Yays

Pure CSS3 Content slide Accordion

  Views 29208   downloads 5502   Accordion

This is a pure CSS3 content accordion based on the Futurico UI Pro by Vladimir Kudinov. This will work on all browsers and devices that support the :target selector. Step 1 – Basic HTML Markup Let’s…

13
Yays

jQuery Useful Accordion Plugin

  Views 2981   downloads 631   Accordion

Akordeon is a stylish jQuery plugin for adding efficient accordion style menu to a web page. The idea behind Akordeon is to provide a lightweight and customizable interface for collapsible panels…

134
Yays

Slidorion-auto play accordion image slider effect

  Views 36996   downloads 7855   Accordion

A combination of an image slider and an accordion, the slidorion displays beautiful images along with a variable length description. With images linked to each tab, and accompanied by a large array of…

124
Yays

Vertical Accordion effect with jQuery

  Views 79801   downloads 17848   Accordion

HTML Basic HTML for the accordion is as follows: <ul class="accordion"> <li> <h3>Handle 1</h3> <div class="panel"> … </div> </li> <li>…

183
Yays

multi level slide accordion menu with jQuery

  Views 92772   downloads 20908   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…

119
Yays

mini accordion and news scroll ticker with jQuery

  Views 26863   downloads 5388   Accordion

This widget-esq script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally…

135
Yays

Horizontal & Vertical Common Accordion with jQuery

  Views 36706   downloads 8541   Accordion

Here I come with a new jQuery Accordion component. I know lots of accordions are available on the net. But I could not find the one, I was looking for. Well... Whatz the difference then? What was I looking…

151
Yays

Nice horizontal accordion with jQuery plugin

  Views 30049   downloads 7850   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…

125
Yays

Popular JQuery Sliding Stack Images

  Views 32349   downloads 6485   Accordion

A sliding door effect can be used what the site offer. All the images must have the same size, in both width and height, the hovered images will shows entirely, and the others will mostly hidden. HTML…