Show Hide UserControl based on ASP.Net RadioButtonList selection using jQuery

Hi nauna,

Place the UserControl inside a HTML DIV and make the DIV show hide based on the RadioButton selection.

Check the below example.

UserControl

Passport Number:   
<input type="text" id="txtPassportNumber" />

HTML

<span>Do you have Passport?</span>
<asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Selected="True">Yes</asp:ListItem>
    <asp:ListItem>No</asp:ListItem>
</asp:RadioButtonList>
<hr />
<div class="dvPassport">
    <uc1:WebUserControl runat="server" ID="WebUserControl" />
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("input[name='RadioButtonList1']").click(function () {
            if ($("input[value='Yes']").is(":checked")) {
                $(".dvPassport").show();
            } else {
                $(".dvPassport").hide();
            }
        });
    });
</script>

Screenshot