jQuery UI accordion not working

jQuery UI accordion not working

I have been working an example from Lynda.com showing how to use the accordion widget, but cant get to work.

  2. <html xmlns="http://www.w3.org/1999/xhtml"><head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <title>Untitled Document</title>

  6. <script src="jquery.js"></script>
  7. <script src="jquery-ui-1.8.23.custom.min.js"></script>
  8. <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.1.min.js"></script>
  9. <script>
  10. window.onload=function(){
  11. $("#accordion").accordion();};
  12. console.log("onload");
  13. </script>
  14. </head>

  16. <body>
  17. <div id="accordion"><h3><a href="#">x</a></h3><div><p> Attribute Information</p></div><h3><a href="#">y</a></h3><div><p> Attribute Information</p></div><h3><a href="#">radius</a></h3><div><p> Attribute Information</p></div><h3><a href="#">fill</a></h3><div><p> Attribute Information</p></div><h3><a href="#">stroke</a></h3><div><p> Attribute Information</p></div><h3><a href="#">draggable</a></h3><div><p> Attribute Information</p></div><h3><a href="#">opacity</a></h3><div><p> Attribute Information</p></div><h3><a href="#">strokeWidth</a></h3><div><p> Attribute Information</p></div></div>


  20. </body></html>


  23. Please comment