Question

我正在试图让div切换出另一个显示在其下方的div。

我已经设法用一个按钮做了这个，但是我想知道你是否可以用另一个div做这个，所以当你点击div内的任何地方时，它会使另一个div出现并消失等...... / p>

以下是我有的两个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 example

Answer 2

你试过了吗？

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

如果你想隐藏使用显示切换，只需尝试.toggle（）而不是.slideToggle（）。

Answer 3

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

用另一个div切换一个div

3 个答案: