всплывающее окно не закрывается в той же функции нажатия кнопки в jquery

Question

Я пытаюсь щелкнуть по той же кнопке, чтобы скрыть всплывающее окно, пожалуйста, предложите мне, это только для открытия, но не для закрытия в той же кнопке.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

Изменения в 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();
    });

Answer 2

Вы можете использовать "$ (" # LoadingPanel "). Is (": visible ")", чтобы проверить, что ваше всплывающее окно закрыто или открыто, если открыто -> закрыто, если закрыто -> открыто