スクリプトのトグルメニュー（jquery）に "if"条件を追加する

Question

以下に書かれている多くのコードを叩かないでください。

var flip = 0; 
$('#btn').click(function() { 
$('#blck').toggle(flip++ % 2 == 0); 
$('#menu-btn') .removeClass('close') .addClass('open') 
}); 

コードは2つの部分をまとめて、別のdivのクラスを変更しながら開閉のdivを実行する必要があります。 問題は、2番目のオブジェクトのクラスが2番目のクリックに戻っていないということです。理解しているように、条件はIFでなければなりません。言語の構文を理解するのに役立ちます。

あらかじめご迷惑をおかけして申し訳ありません。

質問が終了しました。おかげでgillesc。あなたの提案が動作しませんでした、私は追加する必要がありました：

var flip = 0; 
$('#btn').click(function() { 
$('#blck').toggle(flip++ % 2 == 0); 
$('#menu-btn').toggleClass('close open'); 
}); 

今、すべてがオーダー

Answer 1

であるあなたはちょうどそれトグルブロックの同じクラスを、切り替え、場合必要はありません。 。

$('#btn').click(function() { 
     $('#blck').toggle(); 
     $('#menu-btn').toggleClass('close open'); 
    }); 

Answer 2

var flip = 0; 

$('#btn').click(function() { 
    var menu_button = $('#menu-btn'); 

    $('#blck').toggle(flip++ % 2 == 0); 

    if (menu_button.hasClass('open')) { 
     menu_button.removeClass('close'); 
     menu_button.addClass('open'); 
    } else { 
     menu_button.removeClass('open'); 
     menu_button.addClass('close'); 
    } 
};