2011-04-22 39 views
0

新的JavaScript,並想知道如何使用下面的代碼來切換一個<div>知名度:繃能見度用JavaScript

var toggle = { 

    show : function(obj) { 

     document.getElementById(obj).style.display = ''; 

    }, 

    hide : function(obj) { 

     document.getElementById(obj).style.display = 'none'; 

    } 

}; 

回答

4

假設你有HTML這樣的:

<div id="tooltip"></div> 
<span id="blah"></span> 

在javascript中你會遇到以下:

toggle.show("tooltip"); // shows the div with an id of "tooltip" 
toggle.hide("blah"); // hides the span with an id of "blah" 
-2

我建議使用jQuery toggle

看樣here

+0

非常苛刻的判斷:( – 2011-04-22 20:15:56

+1

作爲一個思想實驗,你爲什麼認爲你是downvoted? – 2011-04-22 20:32:05

+0

我看到兩個選項: 答案太短,不夠詳細。或者 不是這個問題想要的方向 – 2011-04-22 20:48:48

1

我d建議檢查jQuery。在jQuery中,你可以在一行做到這一點:

$("#my_obj").toggle(); 

速度可達發展相當多,並且不留下巨大的腳印無論是。

+2

推薦jQuery並不是一個合適的答案。 – lincolnk 2011-04-22 21:00:48

0

要顯示一個div你做: toggle.show('myElement')

隱藏它: toggle.hide('myElement')

當然,您需要在您的DOM某處添加一個名爲「myElement」的元素標識。

0

的鏈接,隱藏你的DIV:

<a href="#" onclick="toggle_visibility('example'); return false;">Hide example div</a>

實例DIV:

<div id="example"></div>

你必須設置爲隱藏在你的CSS的DIV:

#example { 
display:none;} 

而Javascript:

<script> 

    function toggle_visibility(id) { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 
</script>