Submit your widget

Horizontal Accordion using the Tabs

  Views 40709   downloads 6538   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 .. <!--…


Customizing the Accordion effect

  Views 34397   downloads 6210   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…


Making Accordions with the Tabs(jquery)

  Views 53788   downloads 10184   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…