用jquery写一个下拉菜单,打开页面时A菜单是展开状态,点击B菜单收起A菜单。
用jquery写一个下拉菜单,打开页面时A菜单是展开状态,点击B菜单收起A菜单。<ul><li><a>A一级菜单</a><ul><li>隐藏的二级菜单项,打开网页时时显示...
用jquery写一个下拉菜单,打开页面时A菜单是展开状态,点击B菜单收起A菜单。
<ul>
<li>
<a>
A一级菜单
</a>
<ul>
<li>
隐藏的二级菜单项,打开网页时时显示的
</li>
</ul>
</li>
<li>
<a>
B一级菜单
</a>
<ul>
<li>
隐藏的二级菜单项
</li>
</ul>
</li>
</ul>
要完整的代码。要完整的代码。要完整的代码。要完整的代码。 展开
<ul>
<li>
<a>
A一级菜单
</a>
<ul>
<li>
隐藏的二级菜单项,打开网页时时显示的
</li>
</ul>
</li>
<li>
<a>
B一级菜单
</a>
<ul>
<li>
隐藏的二级菜单项
</li>
</ul>
</li>
</ul>
要完整的代码。要完整的代码。要完整的代码。要完整的代码。 展开
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<style>
.main > li > ul {
display: none;
}
</style>
</head>
<body>
<ul class="main">
<li>
<a>A一级菜单</a>
<ul>
<li>隐藏的二级菜单项,打开网页时时显示的</li>
</ul>
</li>
<li>
<a>B一级菜单</a>
<ul>
<li>隐藏的二级菜单项</li>
</ul>
</li>
</ul>
<script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script>
<script>
var a = $("ul.main a");
a.on("click",function(e){
e.stopPropagation();
a.next().slideUp('fast');
$(e.currentTarget).next().slideDown('fast');
})
</script>
</body>
</html>
展开全部
//首先你要把所有的二级菜单样式加display:none隐藏样式
$(function(){
$("li").eq(0).find("ul").show();
//点击 li的a
$("li a").click(function(){
$("li ul").hide();
$(this).next("ul").show();
});
//要是点击li
$("li").click(function(){
$("li ul").hide();
$(this).children("ul").show();
});
});
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询