怎么用js做点击p标签展开隐藏ul标签，最好加注释，外部样式写在html注释里，谢谢 10
<ul><li><p></p><ul><li>纵游首页</li><li>联系方式</li><li>升级公告</li><li>旅游资讯</li><li>游记排行</li><...
<ul>
<li>
<p></p>
<ul>
<li>纵游首页</li>
<li>联系方式</li>
<li>升级公告</li>
<li>旅游资讯</li>
<li>游记排行</li>
<li>游记搜索</li>
<li>我的收藏</li>
</ul>
</li>
</ul> 展开
<li>
<p></p>
<ul>
<li>纵游首页</li>
<li>联系方式</li>
<li>升级公告</li>
<li>旅游资讯</li>
<li>游记排行</li>
<li>游记搜索</li>
<li>我的收藏</li>
</ul>
</li>
</ul> 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function onload()
{
document.getElementById("ul").style.display="none";
}
function show()
{
if(document.getElementById("ul").style.display=="")
{
document.getElementById("ul").style.display="none";
}
else
{
document.getElementById("ul").style.display="";
}
}
</script>
</head>
<body onload="onload()">
<ul>
<li>
<p id="p" onclick="show()"></p>
<ul id="ul">
<li>纵游首页</li>
<li>联系方式</li>
<li>升级公告</li>
<li>旅游资讯</li>
<li>游记排行</li>
<li>游记搜索</li>
<li>我的收藏</li>
</ul>
</li>
</ul>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function onload()
{
document.getElementById("ul").style.display="none";
}
function show()
{
if(document.getElementById("ul").style.display=="")
{
document.getElementById("ul").style.display="none";
}
else
{
document.getElementById("ul").style.display="";
}
}
</script>
</head>
<body onload="onload()">
<ul>
<li>
<p id="p" onclick="show()"></p>
<ul id="ul">
<li>纵游首页</li>
<li>联系方式</li>
<li>升级公告</li>
<li>旅游资讯</li>
<li>游记排行</li>
<li>游记搜索</li>
<li>我的收藏</li>
</ul>
</li>
</ul>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>
<body class="body">
<ul>
<li>
<p class="btn">我是按钮</p>
<ul class="lists">
<li>纵游首页</li>
<li>联系方式</li>
<li>升级公告</li>
<li>旅游资讯</li>
<li>游记排行</li>
<li>游记搜索</li>
<li>我的收藏</li>
</ul>
</li>
</ul>
</body>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.js" type="text/javascript" charset="utf-8"></script>
<script>
//我用的是jquery的方法
$('.lists').hide();//先将ul隐藏
$('.btn').on("click", function(){//添加点击事件
$('.lists').toggle();//显示隐藏的事件
})
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>
<body class="body">
<ul>
<li>
<p class="btn">我是按钮</p>
<ul class="lists">
<li>纵游首页</li>
<li>联系方式</li>
<li>升级公告</li>
<li>旅游资讯</li>
<li>游记排行</li>
<li>游记搜索</li>
<li>我的收藏</li>
</ul>
</li>
</ul>
</body>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.js" type="text/javascript" charset="utf-8"></script>
<script>
//我用的是jquery的方法
$('.lists').hide();//先将ul隐藏
$('.btn').on("click", function(){//添加点击事件
$('.lists').toggle();//显示隐藏的事件
})
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
