替换一个div与另一个

Question

我有2个div在ma页面。我想展示一个并隐藏另一个。全部发生在同一个地方（在页面中的位置）。我用replacewith。它工作正常。但在替换div没有jQuery动作/点击作品。那么最好的办法是哪个？

Answer 1

看起来好像show（），hide（）方法在这里可以正常工作。是否有理由需要更换整个div？

$("#div1").hide(); 
$("#div2").show(); 

你也可以用一些样式做，并调用切换的方法来制作动画了一下：

$("#div1").toggle("slow"); 
$("#div2").toggle("slow"); 

正如在评论中提到，你也可以用一个单一的代码行切换两：

$("#div1, #div2").toggle("slow"); 

Answer 2

<script> 
$(function(){ 
    $("#show_first").bind('click', function(){ 
     $("#first").show(); 
     $("#second").hide(); 
    }); 
    $("#show_second").bind('click', function(){ 
     $("#second").show(); 
     $("#first").hide(); 
    }); 

    $("#inside").bind('click', function(){ 
     alert('works (first)'); 
    }); 
    $("#inside2").bind('click', function(){ 
     alert('works (second)'); 
    }); 
}); 
</script> 
<div id="first" style="display:none"><span id="inside">Inside <-- click </span> -- first</div> 
<div id="second" style="display:none"><span id="inside2">Inside <-- click </span> -- second</div> 
<div id="show_second">Show second</div> 
<div id="show_first">Show first</div> 

demo