我想在一个页面上有很多折叠部分,目前我可以像这样折叠一个部分,但是我怎么会有很多折叠部分呢?我是否必须为每个可折叠部分编写一个新函数?当我当前的代码根据节 ID 折叠节时。
这里是一些基本上是我所拥有的代码:
<html>
<body>
Some text before
<div id=tbl name=tbl style="overflow:hidden;display:none">
<table border=1>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</table>
</div>
some text after
<script language="JavaScript" type="text/javascript">
<!--
function sizeTbl(h) {
var tbl = document.getElementById('tbl');
tbl.style.display = h;
}
// -->
</script>
<br>
<a href="javascript:sizeTbl('none')">Hide</a>
<a href="javascript:sizeTbl('block')">Expand</a>
</body>
</html>
最佳答案
将大小调整函数更改为:
function sizeTbl(h, id) {
var tbl = document.getElementById(id);
tbl.style.display = h;
}
然后将您希望它在调用时控制的部分的 id 传递给它,如下所示:
<a href="javascript:sizeTbl('none', 'tbl')">Hide</a>
<a href="javascript:sizeTbl('block', 'tbl')">Expand</a>
关于javascript - 折叠许多部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31996484/