Using accordion widget , you can create multiple content panel, but doesn't allow more than one content panel to be open at the same time.
The markup of your accordion container needs pairs of headers and content panels :
<div id="accordion"> <h3><a href="#">First header</a></h3> <div>First content</div> <h3><a href="#">Second header</a></h3> <div>Second content</div> </div>For options, events ,method and theming click here
/jquery-ui.css" rel="stylesheet" type="text/css"/>
<h3><a href="#">Part 1 : John Resig</a></h3>
his work on jQuery he was inducted into the Rochester Institute of Technology's
Innovation Hall of Fame on April 30, 2010.
<h3><a href="#">Part 2 : Resig 's achievment</a></h3>
FUEL (for Firefox plugin development),Processing.js (for visual effects) and Sizzle (for CSS selectors).
"The Google Address Translation, was developed by John Resig and gives Google Maps the ability to
convert any US Postal Address into Latitude/Longitude coordinates," according to WebProNews
<h3><a href="#">Part 3 : jquery</a></h3>
It was released in January 2006 at BarCamp NYC by John Resig. Used by over 31% of the 10,000
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
<h3><a href="#">Part 4 : jQuery plugin</a></h3>
Because of jQuery's architecture, other developers can use its constructs to create plug-in code to extend
its functionality. Currently there are thousands of jQuery plug-ins available on the web that cover a
wide range of functionality such as Ajax helpers, webservices, datagrids, dynamic lists, XML and XSLT tools,
drag and drop, events, cookie handling, modal windows, even a jQuery-based Commodore 64 emulator
An important source of jQuery plug-ins is the Plugins sub-domain of the jQuery Project website. There are
alternative plug-in search engines that take more specialist approaches, such as only listing plug-ins that meet
certain criteria (e.g. those that have a public code repository).
Learn from experts! Attend jQuery Training classes.
If you enjoyed this post then why not add us on Google+? Add us to your Circles
Liked it! Share this Tutorial
Discuss: jQuery UI Widget : Accordion
Post your Comment