Professional Documents
Culture Documents
Hide/Unhide Using JQuery
Hide/Unhide Using JQuery
js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#<%=div1.ClientID %>').hide();
$('#<%=div2.ClientID %>').hide();
$('#<%=div3.ClientID %>').hide();
$("#<%=rbldiv.ClientID %>").change(function (event) {
if ($("#<%=rbldiv.ClientID%> input:checked").val() == "Div1") {
$('#<%=div1.ClientID %>').show();
$('#<%=div2.ClientID %>').hide();
$('#<%=div3.ClientID %>').hide();
}
else if ($("#<%=rbldiv.ClientID%> input:checked").val() == "Div2") {
$('#<%=div1.ClientID %>').hide();
$('#<%=div2.ClientID %>').show();
$('#<%=div3.ClientID %>').hide();
}
else if ($("#<%=rbldiv.ClientID%> input:checked").val() == "Div3") {
$('#<%=div1.ClientID %>').hide();
$('#<%=div2.ClientID %>').hide();
$('#<%=div3.ClientID %>').show();
}
});
});
</script>