<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/header2.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery(".SHlDiv").hide();
jQuery('.button').click(function () {
jQuery(".SHDiv").slideToggle();
});
});
</script>
<script type="text/javascript" src="js/accrodian/prototype.js"></script>
<script type="text/javascript" src="js/accrodian/effects.js"></script>
<script type="text/javascript" src="js/accrodian/accordion.js"></script>
<script type="text/javascript">
//
// In my case I want to load them onload, this is how you do it!
//
Event.observe(window, 'load', loadAccordions, false);
//
// Set up all accordions
//
function loadAccordions() {
var bottomAccordion = new accordion('vertical_container');
var nestedVerticalAccordion = new accordion('vertical_nested_container', {
classNames : {
toggle : 'vertical_accordion_toggle',
toggleActive : 'vertical_accordion_toggle_active',
content : 'vertical_accordion_content'
}
});
// Open first one
bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
// Open second one
topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[2]);
}
</script>