jquery的特效实现？？？

<script src="file:///D|/jquery/jquery-1.3.2.js" type="text/javascript"></script>
<script>
      $("has_childern").click(function(){
  $(this).addClass("highlight")
  .children("a").show().end()
  .siblings().removeClass("highlight").children("a").hide();
    });
</script>
   <style type="text/css">
     #menu{ width:300px;}
 .has_childern{ background:#000; color:#fff; cursor: pointer}
 .highlight{ color:#fff; background: green;}
 div{ padding:0; margin:10px 0;}
 div a{ background:#888; display:none; float:left; width:300px;}
 
   </style>
</head><body>
   <div id="menu">
     <div class="has_childern">
         <span>服装设计</span>
         <a>1、绘描</a>
         <a>2、ps</a>
         <a>3、色彩学</a>
     </div>
     <div class="has_childern">
         <span>美食</span>
         <a>1、炒菜类</a>
         <a>2、煨汤类</a>
         <a>3、蒸食类</a>
     </div>
     <div class="has_childern">
         <span>外语</span>
         <a>1、英语</a>
         <a>2、日语</a>
         <a>3、德语</a>
     </div>
     
   </div>
</body>为什么没有反应呢？？各位救救我？