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初めて入力したときにcheckedtrue であるため、メニューを上にスライドして true に設定checkedすることです。次にボタンをクリックすると、チェックがtrueなのでメニューが開きますが、チェックをfalseに設定して、コードが次のif条件に到達すると、それも実行され、すぐにメニューを閉じます。この問題を解決するには？

Answer 1

使用ifしてからelse if

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