jQuery Accordion

by Brian von Konsky

HTML

<!-- DIV element as container -->
<div id="accordion">

     <!-- Section 1  -->
     <h3> Section 1 </h3>
     <div> Content for Section 1 here </div>
    
     <!-- Section 2  -->    
     <h3> Section 2 </h3>
     <div> Content for Section 2 here </div>
 
     <!-- Section 1  -->   
    <h3> Section 3 </h3>
     <div> Content for Section 3 here </div>
</div>

JavaScript

$(function() {
          $( "#accordion" ).accordion();
     });