Hey Guys,

I'm pretty new to jQuery so please forgive me if I'm missing something obvious. I am trying to use the jQuery UI Accordion in WordPress and so far it's going ok, but the accordion loads with some problems, but after clicking on on of the accordion bars it looks fine. For some reason when the page loads, the first bar loads 2 arrow images and no background image.
The page where it is is here - http://jesuspeopleplanet.com/how-can-i-help/
I have taken the script that comes in the index.html file with the download and put it into an external .js file and I have also pointed the index.html to that .js file and commented out the embedded script. That original file is here - http://jesuspeopleplanet.com/wp-content/themes/jpp/index-ui.html and is working as expected.

I did change the start of the code in the external .js file I created to what I think should work with WordPress like this:

1. jQuery(document).ready(function($) {

as opposed to:

1. $(function(){

I have double checked that all the required files are called and referenced correctly and here is how I have done that:

1. <!--jQuery UI dependancies-->
   <link type="text/css" href="<?php bloginfo('template_url'); ?>/css/custom-theme/jquery-ui-1.7.2.custom.css" rel="stylesheet" />    
   <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-ui-1.7.2.custom.min.js"></script>
   <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jQuery-ui.js"></script>
   <!-- end jQuery UI dependancies-->
   
   
   
   
   

The CSS is also not working as expected, but I have a decent chance of figuring that out myself...

Any help would really be appreciated!

Thanks so much for your time!

Shane