我在Google上搜索了很多关于隐藏和显示DIV内容的脚本,可以通过按钮点击来执行切换。
但是它们都使用ID进行操作。
我想做同样的事情,但是我想使用类而不是ID,这样如果我想有20个DIV进行切换... 隐藏/显示,我就不必添加额外的代码。
这是一些代码:
<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
}
</script>
<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>
请问有人能帮忙吗?
谢谢