我已经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>
有人可以帮忙吗？
谢谢
解决方法
jquery是一个选择吗？希望如此,因为这样做你想要的：
$(".class").toggle();
or
$(".class").show(); $(".class").hide();
