Accordion not working?

Accordion not working?

The problem is that it's just not working. I don't know jquery very well, I'm using it to finish up this site I've been working on.

anyways here is the code:

This is the <head> code referring to it.



 
  1.  
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
    <meta http-equiv="Content-Style-Type" content="text/css" />

    <title>
    Marnee Music
    </title>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery1.5.11min.js" />
    <script type="text/javascript" src="js/jquery-ui.js" />
    <link rel="Stylesheet" href="css/custom/jquery-ui-1.8.11.custom.css" type="text/css" />





    <script type="text/javascript">
          $(document).ready(function () {
              $("#accordion").accordion("enable");
          });
      </script>



  2. </head>
This is the code that is supposed to be used according to the jquery website
 
  1. <div id="accordion">
                    <h3><a href="#">Album 1</a></h3>
                        <div>
                            album 1 text


  2.                     </div>
                    <h3><a href="#">Album 2</a></h3>
                        <div>
                            album 2 text


  3.                     </div>
    </div>

Everything appears right in the code to me, but when I load the HTML page, just get standard underlined links and text.