Submit your widget

Horizontal Accordion using the Tabs

  Views 41336   downloads 6611   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 34713   downloads 6292   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 54207   downloads 10269   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…