用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>
要完整的代码。要完整的代码。要完整的代码。要完整的代码。
展开
 我来答
百度网友d0f8807168
2018-03-05 · TA获得超过457个赞
知道小有建树答主
回答量:270
采纳率:33%
帮助的人:113万
展开全部
<!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>
斌starin
2016-09-23 · TA获得超过140个赞
知道小有建树答主
回答量:162
采纳率:100%
帮助的人:116万
展开全部
//首先你要把所有的二级菜单样式加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();
 });
});
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式