My website utilizes both .php and .html. I am hoping to add some accordion functionality to the body of one of the html pages.

I downloaded the JQuery.UI.1.7.2.custom.min.js code and uploaded it to my .js folder.

I think inserted the following into my html code at the top with all of the other similar code (one or two of these lines seem to have inserted themselves):

<script type="text/javascript" src="newauthorsite/wp-content/themes/iBlogPro3/js/jquery-ui-1.7.2.custom.js"></script>
<script type="text/javascript">
<script _wpro_type="text/javascript" src="/js/accordion.js" _wpro_src="/js/accordion.js" _wpro_src="/js/accordion.js"
<link _wpro_type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" _wpro_href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" / type="text/wpro">

<script _wpro_type="text/javascript" src="js/jquery-1.3.2.min.js" _wpro_src="js/jquery-1.3.2.min.js" type="text/wpro"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js">

I then added the following code where I wanted to insert the accordion functionality:




<div id="accordion_Container">
<h4 class="accordion_Toggle">Table of Contents</h4>
<div class="accordion_Content list_Normal">
<ul>
<li>Self-Limiting Perspectives Are Not Allowed</li>
<li>Choose Happiness</li>

However the accordion functionality isn't working. What have I missed?