<script type="text/javascript">
$(document).ready(function () {
$('#divInvisibleContent2').hide();
$("#btndisplay").live("click", function () {
$('#divInvisibleContent').css({ "display": "block" });
$(this).hide();
});
$("#btndisplay2").live("click", function () {
$('#divInvisibleContent2').show();
$(this).hide();
});
});
</script>
Html Content should be :
<body>
<input id="btndisplay" type="button" value="click On Me" />
<div id ="divInvisibleContent" style="display:none">
<span>Hello how are you ?</span>
</div>
<input id="btndisplay2" type="button" value="click On Me Again" />
<div id ="divInvisibleContent2">
<span>Hello how are you Again ?</span>
</div>
</body>
</html>
I have added 2 buttons with related divs and handled with different approach . . i think this will be helpful for you..
Thank
Bimal