ハンバーガーメニューのon/off

ボタンを2種類作り、オンでactiveというクラスをglobalnavクラスに与え、表示させる。
offの場合はactiveというクラスを取り除き、また、”.removeAttr(’style’)”で今回書き足したCSSを削除し、元の状態に戻る。

html

    <button id="open" type="button" name="name" class="menu">≡</button>
    <button id="close" type="button" name="name" class="menu">×</button>

javascript

    jQuery(document).ready(function(){
      $('#open').on('click',function(){
        $('.globalnav').addClass('active');

       $('.globalnav').css('display','block').animate({right:'200px'},300);
        $('#close').css('display','block').css('display','block');
        $('#open').css('display','block').css('display','none')

       $('#close').on('click',function(){
        $('.globalnav').css('display','none');
        $('.globalnav').removeClass('active');
        $('#close').css('display','block').css('display','none');
        $('#open').css('display','block').css('display','block');
        $('.menu*').removeAttr('style');
        $('.globalnav*').removeAttr('style');
     });
     });
    });