I have a website that is primarily in .php but also has some .html pages within it. On some of the .html pages, I'd like to have accordion functionality within the body -- not on the sidebars.

I downloaded the JQuery UI 1.7.2 custom.min.js code and uploaded it to my .js folder. I then ended up with the following code on my .html page, some of which is perhaps causing the problem?:

<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"
<link type="text/css" href="css/themename/jquery-ui-1.7.1.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script>


I then placed this code where I want my accordion functionality to show up:

<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>

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