You did not provide any information that would allow anyone to investigate your issue.
In addition, WordPress itself does not include any code for an animated accordion so if it is a plugin, go to the plugin author for support. If it is part of your theme visit the themes support page for support.
]]>1. Go to WordPress Dashboard
2. Click Pages.
3. Paste the following code into text editor.
4. Click Update.
5. Go to the updated page and click on any of the buttons.
Result: Javascript accordian does not work and is expanded by default
]]><!-- JS -->
<script type="text/javascript">
$(document).ready(function($) {
$('#accordion').find('.accordion-toggle').click(function(){
//Expand or collapse this panel
$(this).next().slideToggle('fast');
//Hide the other panels
$(".accordion-content").not($(this).next()).slideUp('fast');
});
});
</script>
<!-- CSS -->
<style>
.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}
</style>
<!-- HTML -->
<div id="accordion">
<h4 class="accordion-toggle">Accordion 1</h4>
<div class="accordion-content default">
<p>Cras malesuada ultrices augue molestie risus.</p>
</div>
<h4 class="accordion-toggle">Accordion 2</h4>
<div class="accordion-content">
<p>Lorem ipsum dolor sit amet mauris eu turpis.</p>
</div>
<h4 class="accordion-toggle">Accordion 3</h4>
<div class="accordion-content">
<p>Vivamus facilisisnibh scelerisque laoreet.</p>
</div>
</div>The example you provided is for developers or HTML web sites. If you don’t know what you are doing use a plugin.
]]>