jquery does no work well in lbi file...... someone help me...

jquery does no work well in lbi file...... someone help me...

I'm trying to add jquery(http://www.i-marco.nl/weblog/jquery-accordion-menu/) in the lbi file, and the lbi is one part in the dwt file (Main template). Everything works fine, there are only one jquery effect can't work, the submenu under the main menu can't show out...Below are the script that I done for lbi file & dwt file, no sure which part I have make mistake... Anyone HELP? Many Thanks!

Lbi script:
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
{insert_scripts files='jquery-1.2.1.min.js,menu-collapsed.js'}
<style type="text/css">
<!--
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}







p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}




ul#menu a {
  display: block;
  text-decoration: none;
}


ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;
  padding: 0.5em;
}



ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}



ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}



.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
-->
</style>
    <ul id="menu">
  <li>
   <a href="#">Weblog Tools</a>
   <ul>
    <li><a href="http://www.pivotx.net/">PivotX</a></li>
    <li><a href="http://www.wordpress.org/">WordPress</a></li>
    <li><a href="http://www.textpattern.com/">Textpattern</a></li>
    <li><a href="http://typosphere.org/">Typo</a></li>
   </ul>
  </li>
  <li>
   <a href="#">Programming Languages</a>
   <ul>
    <li><a href="http://www.php.net/">PHP</a></li>
    <li><a href="http://www.ruby-lang.org/en/">Ruby</a></li>
    <li><a href="http://www.python.org/">Python</a></li>
    <li><a href="http://www.perl.org/">PERL</a></li>
    <li><a href="http://java.sun.com/">Java</a></li>
    <li><a href="http://en.wikipedia.org/wiki/C_Sharp">C#</a></li>
   </ul>
  </li>
  <li><a href="http://www.i-marco.nl/weblog/">Marco's blog (no submenu)</a></li>
  <li>
   <a href="#">Cool Stuff</a>
   <ul>
    <li><a href="http://www.apple.com/">Apple</a></li>
    <li><a href="http://www.nikon.com/">Nikon</a></li>
    <li><a href="http://www.xbox.com/en-US/">XBOX360</a></li>
    <li><a href="http://www.nintendo.com/">Nintendo</a></li>
   </ul>
  </li>
  <li>
   <a href="#">Search Engines</a>
   <ul>
    <li><a href="http://search.yahoo.com/">Yahoo!</a></li>
    <li><a href="http://www.google.com/">Google</a></li>
    <li><a href="http://www.ask.com/">Ask.com</a></li>
    <li><a href="http://www.live.com/?searchonly=true">Live Search</a></li>
   </ul>
  </li>
 </ul>
<div class="blank5"></div>















































 

Dwt script:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="{$keywords}" />
<meta name="Description" content="{$description}" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>{$page_title}</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon.gif" type="image/gif" />
<link href="{$my_css_path}" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS|{$page_title}" href="{$feed_url}" />
{*script*}
{insert_scripts files='common.js,index.js'}
</head>
<body>
<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->
<div class="blank"></div>
<div class="block clearfix">
  <!--left start-->
  <div class="AreaL">
    <!--Notice start-->
    <div class="box">
     <div class="box_1">
      <h3><span>{$lang.shop_notice}</span></h3>
      <div class="boxCenterList RelaArticle">
        {$shop_notice}
      </div>
     </div>
    </div>
    <div class="blank5"></div>
    <!--Notice end-->
  <!-- TemplateBeginEditable name="leftarea" -->
<!-- #BeginLibraryItem "/library/cart.lbi" -->



































{insert_scripts files='transport.js'}
<div class="cart" id="MY_CARTINFO">
 {insert name='cart_info'}
</div>
<div class="blank5"></div>



 <!-- #EndLibraryItem -->
<!-- #BeginLibraryItem "/library/category_list.lbi" -->

 <!-- #EndLibraryItem -->
<!-- #BeginLibraryItem "/library/top10.lbi" -->