あるdivを別のdivに置き換える

Question

私はmaページに2つのdivを持っています。私は1つを示し、別のものを隠したい。すべて同じ場所（ページ内の位置）で発生します。私は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