1

我在SO中搜索了很多。单击时显示/隐藏文本，仅用于显示 div，单击隐藏时，它不显示另一个 div。

我想要这样的东西。

默认SHOW显示一个文本并显示名为formula1的 div，单击显示时，它隐藏测试SHOW并隐藏之前的 div公式 1 和文本HIDE与另一个 div公式 2一起出现

下面只显示了一个 div，但我希望在单击时显示两个 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>
</head>
<body>
<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none">peek-a-boo</></div>
</body>

有人请帮忙

4

2 回答 2

2

为我工作

   <html>
<head>
<script language=javascript type='text/javascript'> 
function hideDiv() { 
if (document.getElementById) { 
document.getElementById('back').style.display = 'none'; 
document.getElementById('sale').style.display = 'block'; 
} 
} 
function showDiv() { 
if (document.getElementById) { 
document.getElementById('back').style.display = 'block'; 
document.getElementById('sale').style.display = 'none'; 
} 
} 
</script> 
</head>
<body onLoad="javascript:showDiv()">
<div id="sale"> <button onClick="javascript:showDiv()">Hide</button><br>Hide Button will be replaced with Show button</div>
<div id="back"><button onClick="javascript:hideDiv()">Show<br> </button><br>Show Button will be replaced with hide button</div>
</body>
</html>

在这个脚本上.. 两个 div 都被隐藏并显示.. ex

单击显示按钮时，显示按钮和文本显示按钮都将被替换为隐藏按钮被替换为隐藏按钮，其文本隐藏按钮将被替换为显示按钮，反之亦然

于 2012-12-15T19:02:47.517 回答
1

你为什么不使用 JQUERY 它会减少你正在编写的代码。通过使用简单的 show() 和 hide() 函数....
这里是链接.show() jquery 选择器和.hide() jquery 选择器

如果你对 javascript 感兴趣，那么转到这个 URL simple javascript show hide div

于 2012-12-15T18:41:30.497 回答