0

我正在尝试让一个 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();
    });    
});

谢谢你的帮助

4

3 回答 3

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

jsFiddle 示例

于 2012-07-25T21:10:07.787 回答
0

你有没有尝试过：

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

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

于 2012-07-25T21:08:36.823 回答
0 
$('#more_toggle').click(function(){
    $('#more_info').slideToggle(); 
});
于 2012-07-25T21:09:49.133 回答