Collapse all fields on jQuery accordion?
Hi Everyone, I have a basic jQuery accordion on a website, but I would like to know how to have all the fields collapsed when someone enters the page instead of the first one being open. Can anyone show me the right function or script to do that please. I am very unfamiliar with jQuery language so could you please show me how it would go in my script, which is below. Thank you very much.
<script type="text/javascript">
$(document).ready(function() {
// Accordion
$("#accordion").accordion({ header: "h3" });
//tabs
$('#tabs').tabs({
fx: {opacity:'toggle', duration: 'fast'}
});
}); //end of document ready
Here is the basic html used for the script:
<div id="accordion">
<h3><strong><a href="#">Nitrous sedation for any procedure the patient is nervous about. </a></strong></h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.
</div>
<h3><strong><a href="#">Whitening </a></strong></h3>
<div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.
</div>
</div>