jquery 中的同一按钮单击功能中的弹出窗口未关闭

Question

我正在尝试在同一个按钮上点击隐藏我的弹出窗口请建议我，这仅适用于在同一个 onclick 按钮中打开但不能关闭。 Html:-

<div class="abcdatacontrolPopupControl">
        <input type="button" id="ddsdsdsNotificationcheck" class="Notification" title="xyz Notification" onclick="abcNotification('close')" />
        <div id="sdffdfdNotification" class="sdfbcContentCtr">

        </div>
    </div>

jQuery:-

function abcNotification(DisplayLoadingPanel) {
        if (DisplayLoadingPanel) {
            $("#LoadingPanel").css("display", "block");
        }
        $.ajax({
            url: "/xyz/abcdefUrl",
            type: "POST",
            cache: false,
            Async: true,
            data: {},
            success: function (data) {
                if (DisplayLoadingPanel) {
                    $("#LoadingPanel").css("display", "none");
                }
            },
            error: function (error) {
                if (DisplayLoadingPanel) {
                }
            }
        });
}

Answer 1

您可以使用“$("#LoadingPanel").is(":visible")" 来检查您的弹出窗口是关闭还是打开如果打开 -> 关闭如果关闭 -> 打开

Answer 2

jquery 的变化：-

  function abcNotification(DisplayLoadingPanel) {
            if (DisplayLoadingPanel) {
                $("#LoadingPanel").css("display", "block");
            }
            if ($(".sdfbcContentCtr").css("display") == "block") {
                   $("#sdffdfdNotification").hide('fast');
            }
            else {
                 $(".sdfbcContentCtr").css("display", "block");
            }
            $.ajax({
                url: "/xyz/abcdefUrl",
                type: "POST",
                cache: false,
                Async: true,
                data: {},
                success: function (data) {
                    if (DisplayLoadingPanel) {
                        $("#LoadingPanel").css("display", "none");
                    }
                },
                error: function (error) {
                    if (DisplayLoadingPanel) {
                    }
                }
            });
    }
 $("body").click(function () {
       $("#sdffdfdNotification").fadeOut().css("display", "none");
    });
    $(".sdfbcContentCtr").click(function (e) {
       e.stopPropagation();
    });

jquery 中的同一按钮单击功能中的弹出窗口未关闭

popup not close in same button click function in jquery

jquery

popup