Submit your widget

Horizontal Accordion using the Tabs

  Views 38549   downloads 6167   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 32754   downloads 5850   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 51777   downloads 9740   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…