jq下拉菜单

原问题：jq下拉菜单
分类：编程开发 > 最后更新时间：【2017-07-28 10:11:48】
问题补充：

怎么写，请贴代码或者图片

最佳答案

<!doctype html>

<html>

<head>

<title></title>

<style>

.menu {list-style:none;

margin: 0px;

padding: 0px;

width: auto; }

.menu>li{float:left;margin-right:10px;cursor:pointer;}

.menu>ul{margin-top:10px;}

.menu>li>ul{display:none;}

</style>

<script src="../jquery/3.2.1/jquery.min.js"></script>

</head>

<body>

<ul class="menu">

<li>

企业简介

<ul>

<li>企业简介1</li>

<li>企业简介2</li>

<li>企业简介3</li>

</ul>

</li>

<li>企业文化

<ul>

<li>企业文化1</li>

<li>企业文化2</li>

<li>企业文化3</li>

</ul>

</li>

<li>发展历程

<ul>

<li>发展历程1</li>

<li>发展历程2</li>

<li>发展历程3</li>

</ul>

</li>

</ul>

</body>

<script>

$('.menu>li').on('click',function(){

$('.menu>li>ul').hide();

$(this).children('ul').show();

});

</script>

</html>


追问：
他是这样的，您看您能做吗
追问：
主要是点击一下拉下来，再次点击回去，这个效果如何做，最好代码加注释，谢谢我会在提高赏金 追答：
ul").hide();//隐藏所有子菜单$(this).children("ul").show();//显示当前菜单}else{$(this).children("ul").hide();//隐藏当前菜单}});
追问：
能不能把完整的js给我，拼接不好，报错
  • 追答：
    不让复制，说我重复粘贴了，发个图片截图吧
    最佳答案由网友  triple_ebaby  提供
    • 公告： 为响应国家净网行动，部分内容已经删除，感谢网友理解。
    19

    分享到：

    其他回答

    其它网友回答：
    http://www.jb51.net/article/71570.htm，你可以参考这个，网上下拉菜单例子很多的

      推荐