Accordion - what am I supposed to do?

Accordion - what am I supposed to do?

I can't get the accordion to work. I don't even know if I've forgotten something important, or if I've just made a minor error somewhere..?

This is in the header:
  1. <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.11.custom.css">
  2. <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
  3. <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js">
  4. $(function() {
  5. $( "#accordion" ).accordion();
  6. });
  7. </script>
  8. ¨
And this is the body:
  1. <div id="accordion">
  2. <h3><a href="#">Header</a></h3>
  3. <div>
  4.                               <span>Text</span>
  5. </div>
  6. <h3><a href="#">Header2</a></h3>
  7. <div>
  8.                               <span>Text</span>
  9. </div>
  10. <h3><a href="#">Header3</a></h3>
  11. <div>
  12.                               <span>Text</span>
  13. </div>
  14. <h3><a href="#">Header4</a></h3>
  15. <div>
  16.                               <span>Text</span>
  17. </div>
  18. </div>


What am I supposed to do to make it work?