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>
请大家指教下 谢谢
[解决办法]