<div class="content">
极客观点
项目管理
HarmonyOS
<ul>
<li><a>订单</a>
<ul>
<li><a href="#">所有订单</a></li>
<li><a href="#">未完成订单</a></li>
</ul>
</li>
</ul></div>
想实现一开始进入页面隐藏所有订单和未完成订单，然后点击订单，就展开下面的所有订单和未完成订单，并将打开默认的二级菜单（所有订单）。
$(function(){
$(".content li").click(
function() {
$(this).find("ul").show();
},function(){
$(this).find("ul").hide();
},
);
});
我通过代码，只能控制隐藏，不能控制显示。求指导一下我给你一个我经常用的例子 你自己举一反三
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>标题</title>
<meta name="keywords" content="关键词列表" />
<meta name="description" content="网页描述" />
<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src="JS文件路径"></script>
<style type="text/css">
div{width:400px; height:300px; background-color:gray;font-size: 40px;}
</style>
<script type="text/javascript"></script>
<script type="text/javascript">
</script>
</head>
<body>
<div style="display:block" id="k1">
测试1
</div>
<div style="display:none;background-color:blue" id="k2">
测试2
</div >
<div style="display:none; background-color:red" id="k3">
测试3
</div>
<p>
<a href="javaScript:fun('k1');">1</a> |
<a href="javaScript:return false" onclick="fun('k2')">2</a> |
<a href="javaScript:fun('k3')">3</a>
</p>
<script type="text/javascript">
function fun(idName){
var obj = document.getElementById(idName);
var divObjs = document.getElementsByTagName("div");
for(i in divObjs){
if(divObjs[i]==obj)
divObjs[i].style.display="block";
else
divObjs[i].style.display='none';
}
}
</script>
</body>
</html>
13 回答12.8k 阅读
7 回答1.9k 阅读
3 回答1.1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
6 回答873 阅读✓ 已解决
6 回答1k 阅读
2 回答1.3k 阅读✓ 已解决
是不是很久没有使用Jquery了，什么时候click第一个参数可以传方法了？你所有的逻辑应该都在一个函数里面吧