Accordion nested in Tab not showing up

Accordion nested in Tab not showing up

I'm attempting to place an accordion within a tab pane, and think there may be a conflict with the code I am using for the tabs as it is not appearing when inserted. The accordion works fine when in its own page. The script that appears in the page head is:
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  2. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
  3. <script type="text/javascript" src="script/jquery.tools.min.js"></script>
  4. <script type="text/javascript" src="v3flashslideshow/slideshow.js"></script>
  5. <script type="text/javascript">
  6. function goToByScroll(id){
  7.                  $('html,body').stop().animate({scrollTop: $("#"+id).offset().top},'slow');
  8.         }
  9. function MM_jumpMenu(targ,selObj,restore){ //v3.0
  10.   eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  11.   if (restore) selObj.selectedIndex=0;
  12. }
  13. </script>
The script at the end of the page is:
  1.      <script>
  2. $(function() {
  3.   $(".tabs:first").tabs(".css-panes:first > div", { history: true });
  4. });
  5.   $(function() {
  6.     $("#accordion").tabs(
  7.     "#accordion div.pane",
  8.     {tabs: 'h2', effect: 'slide', initialIndex: null}
  9.   );
  10.     });
  11.        
  12. </script>
  13. </body>

Can anyone see where I might be going wrong? I'm a total newbie to jQuery, so please respond accordingly. The HTML all appears to be correct and can be viewed here.

Thank you!!!!