用另一個div切換一個div

Question

我試圖讓div切換出另一個div，它出現在它下面。

我已經設法用一個按鈕做了這個，但是我想知道你是否可以用另一個div做這個，所以當你點擊div內的任何地方時，它會使另一個div出現並消失等...

這是我有的兩個div

//This div is the one you click on
      <div id="more_toggle"></div><!---end more_toggle--->

//This div is the one that appears and disappears through the toggle        
      <div id="more_info">hello</div><!---end more_info--->

這是我用來通過按鈕切換div的腳本，但它不適用於另一個div

$(function(){    
    $("#server_status_button").click(function(event){
        event.preventDefault();
        $("#status1").slideToggle();
    });    
});

謝謝你的幫助

Answer 1

$("#more_toggle").click(function(event) {
    $("#more_info").slideToggle();
});​

jsFiddle例子

Answer 2

你有沒有嘗試過：

$(function() {
    $('#more_toggle').click(function(e) {
          $('#more_info').slideToggle();
    });
});

如果你想隱藏使用顯示切換只需嘗試.toggle（）而不是.slideToggle（）。

Answer 3

$('#more_toggle').click(function(){
    $('#more_info').slideToggle(); 
});