на флажок флажок скрыть / показать div в поле зрения

Question

Я пытаюсь показать MeetingDiv , когда отмечен IsAnonymous, и когда отмечен IsMeeting, должно отображаться MeetingTextBox .

Tried .click, .change и live и ничего не получалось.Я не знаю, где я не прав.

<div class="col-md-4 sidePad" >
 @Html.Label("Is Anonymous")
 @Html.CheckBoxFor(p => p.IsAnonymous, new { id = "CBAnonymous"})
</div>

<div class="col-md-6" id="MeetingDiv" style="display:none">
 @Html.Label("Is Meeting")
 @Html.CheckBoxFor(p => p.IsMeeting, new { id = "CBMeeting"})
</div>

<div class="col-md-6" id="MeetingTextBox" style="display:none">
 @Html.Label("Meeting Name")
 @Html.TextBoxFor(p => p.MeetingName, new { id = "TBMeetingName"})
</div>

<script>
    $(function () {
        $("#CBAnonymous").click(function () {
            if ($(this).prop("checked")) {
                $("#MeetingDiv").show();
            } else {
                $("#MeetingDiv").hide();
            }
        });
    });
</script>

Answer 1

Попробуйте это

$('#CBAnonymous').change(function(){
    if(this.checked)
         $("#MeetingDiv").show();
    else
        $("#MeetingDiv").hide();