关于JQuery ul li 问题

yilan8002 2012-05-24 08:54:52
效果图
打开时
展开一级菜单
鼠标移至二级菜单
三级菜单却无法显示,点击二级菜单,菜单全部收缩
HTML代码
 
<ul id='menu'>
<li id='L1'><p><a href='javascript:void(0);' title='导航管理'>导航管理</a></p>
<ul>
<li><a href='javascript:void(0);' name='' title='导航信息查询'>导航信息查询</a></li>
<li><a href='javascript:void(0);' name='' title='导航信息新增'>导航信息新增</a></li>
<li><a href='javascript:void(0);' name='' title='导航排序预览'>导航排序预览</a></li>
<li id='L2'><p><a href='javascript:void(0);' title='L1A'>L1A</a></p>
<ul>
<li id='L3'><a href='javascript:void(0);' name='#' title='L2'>L2</a></li>
</ul>
</li>
<li id='L2'><p><a href='javascript:void(0);' title='L1B'>L1B</a></p>
<ul>
<li id='L3'><a href='javascript:void(0);' name='#' title='L2B'>L2B</a></li>
</ul>
</li>
</ul>
</li>

Jquery
  $(document).ready(function() {
$('#menu ul').hide();
var oid = "";
$('.menus li p').click(function() {
if (oid != $(this).children().attr('title')) {
$('#menu ul').hide();
$(this).next().animate({ opacity: 'toggle' }, 300);
oid = $(this).children().attr('title');
}
else {
$(this).next().animate({ opacity: 'toggle' }, -300);
}
}); //slideToggle('normal');

$('.menus ul li a').click(function() {
var res = $("#spnRes").attr("value");
if ($(this).attr('name') != "") {
//子目录
if ($(this).attr('name').toLowerCase().indexOf('analyzer') < 0 || res.toLowerCase().indexOf('analyzer') < 0) {
//window.parent.frames['rightfrm'].location=$(this).attr('name');
parent.openURL($(this).attr('name'));

$(".menus ul li a").each(function() {
$(this).removeClass("current");
});
if ($(this).attr('title') != "我的工作台") {
$(this).addClass("current");
}
}
}
$("#spnRes").val($(this).attr('name'));
});
// $("#rightfrm", parent.document.body).attr("src", $(this).attr('title') + ".aspx");

});

function showorhide() {
$('#menu ul').animate({ opacity: 'toggle' }, 300, function() {
if ($('#menu ul').is(":visible")) {
$("#expand_link").html("<div style=\"background:url('App_Themes/a/Images/Index/main_21_1.jpg') no-repeat; height:32px; width:189px;\"></div>");

}
else {
$("#expand_link").html("<div style=\"background:url('App_Themes/a/Images/Index/main_21_0.jpg') no-repeat; height:32px; width:189px;\"></div>");

}
});
}
...全文
110 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

62,025

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧