Javascript切換;試圖使它初始div不顯示

您好：我基本上試圖有一個切換按鈕（JavaScript），當你點擊它一個div出現，當你再次點擊它時，div消失...Javascript切換;試圖使它初始div不顯示

我在這裏發現了一些基本上這樣的代碼;除了DIV最初的頁面

上輸出我是新來學習JavaScript;所以我試圖適應這個，以便頁面加載div（gman123）;沒有顯示;然後按鈕即可切換它...

這裏是代碼：

<script type="text/javascript"> 
    function toggleMe(btn, a) { 
     var e = document.getElementById(a); 
     if (!e) return true; 
     if (e.style.display == "none") { 
      e.style.display = "block"; 
      btn.value = "MENU"; 
     } 
     else { 
      e.style.display = "none"; 
      btn.value = "MENU"; 
     } 
     return true; 
    } 
</script> 

<input type="button" onclick="return toggleMe(this,'gman123')" value="MENU"><br> 

<div id="gman123"> 
    <br /> 
    How about this for test text? 
</div>

能

在這個任何人的幫助？

非常感謝，

摹

來源

2013-10-24 mifalcon

<html> 
<body> 
    <script type="text/javascript"> 
     function toggleMe(btn, a) { 
      var e = document.getElementById(a); 
      if (!e) return true; 
      if (e.style.display == "none") { 
       e.style.display = "block"; 
       btn.value = "MENU"; 
      } 
      else { 
       e.style.display = "none"; 
       btn.value = "MENU"; 
      } 
      return true; 
     } 
    </script>  

    <input type="button" onclick="return toggleMe(this,'gman123')" value="MENU"> 
    <br>  
    <div id="gman123" style="display: none"> 
     <br /> 
     How about this for test text? 
    </div> 
</body> 
</html>

來源

2013-10-24 00:44:43 Tony

非常感謝託尼 - 工作很棒！ – mifalcon

請標記答案爲接受:) – Tony

期待看到hwo做現在的託尼... – mifalcon

添加一些CSS最初隱藏元素...
是這樣的...

#gman123 {display:none}

來源

2013-10-24 00:45:51 Charlie74

我實際上已經嘗試過，發佈之前，它的工作;除非您必須點擊兩次才能讓div第一次出現;那麼它工作正常;所以我正在尋找另一種方式;但託尼的答案工作正常;謝謝查理... – mifalcon

你的代碼是相當優良。但是因爲您希望在頁面加載時將其隱藏起來。所以你必須手動隱藏它。或者你可以做的是調用函數時，頁面加載完成對於纔剛剛你的身體標記

<script type="text/javascript"> 
toggleMe(this,'gman123'); 
</script>

這將隱藏它只是一個時間的關閉前添加以下代碼。你以後也可以使用這個技巧。

來源

2013-10-24 00:55:29 abhirathore2006

Javascript切換;試圖使它初始div不顯示

回答

相關問題