Inside <-- click -- first
Inside <-- click -- second
Show second
Show first
show code
<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>