我想做一个特效菜单，但这个JS代码好像有点问题，请帮忙看一下！

 <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $("#menuList").on("click","a",function(){
        if($(this).hasClass("btn-active")){
        $("#expandZone #closeBtn").click();
        return false;
        }
        var curIndex=$(this).index().mlValue="-"+curIndex*100+"%";
        if($("#expandZone").hasClass("active")){
            $("#expandZone.expdiv").animate({marginLeft:mlValue});
        }
        else{
            $("#expandZone .expdiv").css({marginLeft:mlValue});
            $("#expandZone").animate({height:"130px"}).addClass("active");
        }
        $(this).addClass("btn-active").siblings().removeClass("btn-active");
        return false;
    });
    $("#expandZone #closeBtn").on("click", function(){
        $("#expandZone").animate({height:"0px"},function(){
            $(this).removeClass("active");
            $("#menuList.btn-active").removeClass("btn-active");
});
return dalse;
    });
});
</script>

HTML部分:

 <div id="menuList" class="navlist">
   <a href="#">首页</a> <a href="#">华软新闻</a><a href="#">校园生活</a><a href="#">华软风景</a>
</div>
<div id="expandZone" class="expand">
   <div class="expdiv">
    <div class="expdiv-list">
       <a href="#">我们的校园</a>
    </div>
    <div class="expdiv-list">
        <a href="#" id="A4">恩</a><a href="#">恩园</a>
    </div>
    <div class="expdiv-list">
         <a href="#">校园生活</a>
    </div>
    <div class="expdiv-list">
         <a href="#">丝木棉</a>
         <a href="#">猫屋</a>
    </div>
</div>
<div id="closeBtn" class="close-btn">
</div>
</div>

我扣扣95015623，今天要上交..有点急

样式也没有，谁找到你要什么效果。。

参考：jquery多级下拉菜单插件