asp.net下的jquery动态菜单的显示问题

我的 <ul id="tab-items">
<li class="hover"><a href="desktop.htm" target="iframe">个人桌面</a></li>
<li><a href="javascript:void(0);">工作流</a></li>
<li><a href="javascript:void(0);">个人事务</a></li>
<li><a href="javascript:void(0);">人力资源</a></li>
<li><a href="javascript:void(0);">行政办公</a></li>
</ul>
菜单是动态加载xml文件生成的
当我焦点放到工作流时 要显示工作流下的菜单列表 
<ul class="sidenav" >
  <ul id="new" class="new" style="display:none;">
<ul><li class="hover"><a href="#"><span class="arrow"></span>新建工作流</a></li></ul>
<ul class="subnav">
<li><a href="gzl/bgypsq.htm" target="iframe"><span>- </span>办公用品申请</a></li>
<li><a href="gzl/qjdj.htm" target="iframe"><span>- </span>请假登记</a></li>
<li><a href="gzl/wcsq.htm" target="iframe"><span>- </span>外出申请</a></li>
<li><a href="gzl/ccsq.htm" target="iframe"><span>- </span>出差申请</a></li>
<li><a href="gzl/wdkzm.htm" target="iframe"><span>- </span>未打卡证明</a></li>
<li><a href="gzl/jcna.htm" target="iframe"><span>- </span>奖惩拟案</a></li>
<li><a href="gzl/rsdd.htm" target="iframe"><span>- </span>人事调动</a>
<ul class="submenu">
<div class="subarrow"></div>
<li><a href="gzl/rsdd_zz.htm" target="iframe"><span>- </span>转正</a></li>
<li><a href="gzl/rsdd_zjbd.htm" target="iframe"><span>- </span>职级变动</a></li>
<li><a href="gzl/rsdd_gzdd.htm" target="iframe"><span>- </span>工作调动</a></li>
<li><a href="gzl/rsdd_xctz.htm" target="iframe"><span>- </span>薪酬调整申请表</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href="gzl/wdgz.htm" target="iframe"><span class="arrow"></span>我的工作</a></li>
<li><a href="gzl/gzcx.htm" target="iframe"><span class="arrow"></span>工作查询</a></li>
</ul>
                 </ul>
</ul>

我写的  脚本不执行 
 <script type="text/javascript">
        $(document).ready(function () { 
                $('#tab-items ul li:eq(1)').click(function () {
                    $("#new").show();
                });
            });
</script>

大家指教下 谢谢