JQuery 隐藏/显示不适用于模式显示上的控件

Question

我在 VS 2019 和 Bootstrap 版本 2 中使用 ASP.NET MVC 5.2。

我有一个模态表单，CSHTML 代码是：

<div id="modalSiblingDetails" class="modal hide fade" tabindex="-1" role="dialog"
     aria-labelledby="modalSiblingDetailsLabel" aria-hidden="true">    
    <div class="modal-body">
        @Html.EditorFor(x => x.DummySibling.DoBSiblinig, new { @class = "CDOPDoBSibling" })
        <div id="CDOPDummyAgeOfSiblingDisplay">
            @Html.EditorFor(x => x.DummySibling.AgeOfSibling)
        </div>        
        <div class="form-actions">
            <button class="btn btn-default closeModalForm" data-dismiss="modal" aria-hidden="true">
                Cancel
            </button>
            <button class="btn btn-primary modalContactDetailsClose" id="modalContactDetailsConfirm">
                Add details
            </button>
        </div>
    </div>
</div>

我的 jQuery 代码是：

$(document).on("click", ".add-sibling", function () {        
        $("#modalSiblingDetails").modal({ "backdrop": "static" });
        $("#CDOPDummyAgeOfSiblingDisplay").hide();
        $(document).on("change", ".CDOPDoBSibling:visible", function () {
            console.log($("#CDOPDummyAgeOfSiblingDisplay").is('visible'));
            $("#CDOPDummyAgeOfSiblingDisplay").show();
            //SetCDOPDoBSibling(this);
        });
    });

我想根据模态上的事件隐藏和显示

div CDOPDummyAgeOfSiblingDisplay

。我的问题是 ``div` 没有隐藏或显示。我在别处使用这种方法，但不是在模态形式上。

正在调用更改事件，控制台日志始终显示 false。如果我将初始隐藏移动到模态显示之前隐藏工作。

如何隐藏/显示

div

？