使用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设置为true。下次我点击按钮检查是真的所以菜单将打开，但我设置检查为假，所以当代码到达下一个条件它也会运行，并立即关闭菜单。如何解决这个问题呢？

Answer 1

使用if然后else if

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