2011-04-03 68 views
0

嗨,我是新來的JavaScript,我想學習如何把一個<div><div>所以當用戶點擊第一個它打開第二的內容(隱藏,直到點擊)並關閉,所以我的頁面不會滾動下來。但我的問題是,所有的內容幫助擴張格在JavaScript

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    <script type="text/javascript"> 
     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> 
</head> 

感謝的提前顯示在頁面加載,而不是在點擊

繼承人的代碼

<input type="button" onclick="return toggleMe('para1')" value="Toggle"><br> 
<p id="para1">(lots of text)</p> 
<br> 
<input type="button" onclick="return toggleMe('para2')" value="Toggle"><br> 
<div id="para2">(lots of text)</div> 
<br> 
<input type="button" onclick="return toggleMe('para3')" value="Toggle"><br> 
<span id="para3">(lots of text)</span> 
+0

以下無需發表您填寫的所有文字,剛剛使它更難以閱讀。你在'div'內沒有'div'。您有按鈕顯示或隱藏點擊其他元素。 – 2011-04-03 12:50:13

回答

1

放風格=「顯示:無」內內容您想在加載時隱藏的DIV

<div id="para2" style="display:none" >(lots of text)</div> 
+0

謝謝,有沒有什麼辦法,當用戶點擊下一個按鈕時,打開的按鈕將關閉,並打開新的按鈕 – Martin 2011-04-03 13:14:30

0

您可以在c之前隱藏所有DIV的函數阿靈切換

,或者你可以把切換功能

function toggleMe(a){ 

    //hide all DIVz 
    document.getElementById("para1")style.display="none"; 
    document.getElementById("para2")style.display="none"; 
    document.getElementById("para3")style.display="none"; 

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