javascript - 使用 jQuery 单击按钮时打开/关闭菜单

Question

我刚刚遇到了一个问题。在我的网站上，我需要通过单击按钮来打开或关闭菜单项。

点击按钮：

var checked = true;


function NotifierButtonClicked() {
    if (checked == true) {
        checked = false;

        GetNotificationsForUser();

        $('.selectBox').slideToggle(200).css('borderTop', 'none');
        $('.selectBox li').click(function () {
            $('.selectBox').slideUp(200);
        });


    }
    if (checked == false) {
        checked = true;
        $('.selectBox').slideUp(200);
    }

}

所以这里的问题是，当我if block第一次进入时，checked是真的，所以我向上滑动菜单并设置checked为真。下次我单击按钮时，checked 为 true，因此菜单将打开，但我将 checked 设置为 false，因此当代码进入下一个 if 条件时，它也会运行并立即关闭菜单。如何解决这个问题呢？

Answer 1

使用if然后else if

function NotifierButtonClicked() {
    if (checked == true) {
        // code
    } else if (checked == false) {
        // code
    }
}