html折叠菜单
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table>
<tr>
<td id="showbfq" height="20" align="center" onclick="if(bfq.style.display=='none'){bfq.style.display='';showbfq.innerText='优质';}else{bfq.style.display='none';showbfq.innerText='点击更多';}">点击更多</td>
</tr>
<tr>
<td height="80" align="center" id="bfq" style="display:none;">aaa</td>
</tr>
</table>
</body>
</html>
这个只能实现一个折叠，我要实现多个竖向关系的折叠，把代码直接复制一段下来，不行的，请教 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table>
<tr>
<td id="showbfq" height="20" align="center" onclick="if(bfq.style.display=='none'){bfq.style.display='';showbfq.innerText='优质';}else{bfq.style.display='none';showbfq.innerText='点击更多';}">点击更多</td>
</tr>
<tr>
<td height="80" align="center" id="bfq" style="display:none;">aaa</td>
</tr>
</table>
</body>
</html>
这个只能实现一个折叠，我要实现多个竖向关系的折叠，把代码直接复制一段下来，不行的，请教 展开
2个回答
展开全部
不太理解你要什么，看看下面这段代码实现的效果是你想要的吗？
<style>div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1}</style>
<div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" >
+ 主目录1</div>
<div id="child1" style="display:none">
<a href="#">- 子目录1</a> <br>
<a href="#">- 子目录2</a> <br>
<a href="#">- 子目录3</a> <br>
<a href="#">- 子目录4</a>
</div>
<div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" >
+ 主目录2 </div>
<div id="child2" style="display:none">
<a href="#">- 子目录1</a> <br>
<a href="#">- 子目录2</a> <br>
<a href="#">- 子目录3</a>
</div>
<style>div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1}</style>
<div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" >
+ 主目录1</div>
<div id="child1" style="display:none">
<a href="#">- 子目录1</a> <br>
<a href="#">- 子目录2</a> <br>
<a href="#">- 子目录3</a> <br>
<a href="#">- 子目录4</a>
</div>
<div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" >
+ 主目录2 </div>
<div id="child2" style="display:none">
<a href="#">- 子目录1</a> <br>
<a href="#">- 子目录2</a> <br>
<a href="#">- 子目录3</a>
</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个只是控制显示或隐藏。如果需要把邮箱给我，我给你发几个实例。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
