替換一個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