1

私はSOでたくさん検索しました。クリック時に表示/非表示のテキストは、divを表示するためにのみ機能し、非表示をクリックすると、別のdivは表示されません。

こんなものが欲しいです。

テキストはdefualtSHOWによって表示され、formula1という名前のdivが表示されます。showをクリックすると、テストSHOWが非表示になり、前のdivformula1 とテキストHIDEが別のdivFormula2とともに表示されます。

以下は1つの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が非表示で表示されています..例

表示ボタンをクリックすると、表示ボタンとテキストの両方が表示ボタンに置​​き換えられ、非表示ボタンに置​​き換えられ、そのテキストの非表示ボタンが表示ボタンに置​​き換えられ、その逆も同様です。

于 2012-12-15T19:02:47.517 に答える
1

なぜJQUERYを使用しないのですか？それはあなたが書いているコードを減らすでしょう。単純なshow（）およびhide（）関数を使用して....
ここにリンク.show（）jqueryセレクターと.hide（）jqueryセレクターがあります

javascriptに興味がある場合は、このURLに移動してください。simplejavascript show hidden div

于 2012-12-15T18:41:30.497 に答える