在顯示/隱藏條件下顯示不同的div

我在SO中搜索了很多。文字顯示/隱藏點擊，只用於顯示div，當點擊隱藏時，它不顯示另一個div。在顯示/隱藏條件下顯示不同的div

我想要這樣的東西。

文本是由defualt SHOW顯示和DIV命名顯示一級方程式，展出點擊時，它隱藏了測試SHOW並隱藏了以前的div 一級方程式和文字隱藏出現與另一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>

有誰請幫助

來源

2012-12-15 cool nicq

兩個DIV的？？樣本標記中只有一個。還有什麼是'formula1'和'formula2'？ – charlietfl

@charlietfl

some text

–

解釋需要更加完整，並附上足夠的html來表示問題的完整 – charlietfl

你爲什麼不使用jQuery它會減少你在寫代碼。通過使用簡單的顯示（）和隱藏（）函數....
這裏是鏈接.show() jquery selector和.hide() jquery selector

，如果你在JavaScript中位數的，則跳轉至該URL simple javascript show hide div

來源

2012-12-15 18:41:30

非常感謝您，並得到了我的答案..非常感謝 –

您的歡迎;） –

工作對我來說

<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>

在這個腳本..這兩個divs是隱藏和顯示.. ex

當顯示按鈕被點擊，機器人^ h 秀按鈕和文本顯示按鈕將隱藏按鈕替換被替換隱藏按鈕和文本隱藏按鈕將顯示按鈕被替換，反之亦然

來源

2012-12-15 19:02:47

在顯示/隱藏條件下顯示不同的div

回答

相關問題