2013-02-03 82 views
1

我有這個腳本,當我點擊一個按鈕時會被執行。當按鈕被點擊時,下面的文本將摺疊,當我再次點擊按鈕時,文本將被展開和查看。崩潰/展開文本 - 邏輯錯誤

但是,我想要的是相反的。當頁面加載它時,我想隱藏/摺疊文本,並且只在點擊按鈕時顯示。

我該如何改變?

JS

function toggleMe(a) { 
       var e = document.getElementById(a); 
       if (!e) 
        return true; 
       if (e.style.display == "none") { 
        e.style.display = "block" 
       } else { 
        e.style.display = "none" 
       } 
       return true; 
      } 

HTML

<input type="button" ="return toggleMe('para1')" value="Toggle"> 
       <br> 
       <p id="para1"> 
        some text................ </p> 

回答

0
<html> 
<head> 
<script> 
function toggleMe(a) { 
       var e = document.getElementById(a); 
       if (!e) 
        return true; 
       if (e.style.display == "none") { 
        e.style.display = "block" 
       } else { 
        e.style.display = "none" 
       } 
       return true; 
      } 
</script> 

<body> 
<input type="button" onclick="toggleMe('para1')" value="Toggle"> 
       <br> 
       <p id="para1" style="display:none;"> 
        some text................ </p> 

</body> 
</html> 
+0

我只是想隱藏的所有文本的onLoad,並單擊按鈕時顯示的文字。但在你的方法中,當我點擊按鈕時,我無法顯示文本。 –

+0

粘貼的工作代碼 – user2031802

+0

什麼都沒有,與之前一樣:( –

1

變化

 <p id="para1"> 
to 
     <p id="para1" style="display: none"> 

這是否起作用?

+0

我只想隱藏所有文本onLoad,並單擊按鈕時顯示文本。但在您的方法中,我無法顯示當我點擊按鈕時的文本 –

1

爲什麼你不隱藏窗口加載文本?

window.onload = function() { 

    document.getElementById("para1").style.display = "none"; 

} 

,也可以鍵入到HTML

<p id="para1" style="display: none"> 
       some text................ 
</p> 
+0

它消失了,但我沒有看到當我點擊按鈕時顯示的文本 –