Demo of Accordion header option using JQuery UI

Header 1 ( panel No. 0 )
Text about Header 1
Header 2 ( panel No. 1 )
Text about Header 2
Header 3 ( panel No. 2 )
Text header 3
Header 4 ( panel No. 3 )
Text about Header 4.
Tutorial on Accordion Animation DEMO: Accordion heightStyle

JQuery


<script>
$(document).ready(function() {
//////////////////////////
$( '#accordion' ).accordion({
header: ".header"
});
/////////////
})
</script>