javascript - div を別の div に切り替える

Question

私はdivをその下に表示される別のdivに切り替えようとしています。

ボタンでこれを行うことができましたが、別のdivでこれを行うことができるかどうか疑問に思っていたので、div内の任意の場所をクリックすると、他のdivが表示されたり消えたりします...

これが私が持っている2つの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

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

Answer 3

やってみました：

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

ディスプレイの切り替えを非表示にしたい場合は、.slideToggle() の代わりに .toggle() を試してください。