jquery - Html と toggleClass を変更します

Question

ボタンをクリックして閉じることができるフッター（矢印アイコンフォント）を作成しようとしています...フッターが開いているときに矢印を変更し、閉じているときに元のhtmlに戻りたいです....

これはクレアモントのウェブサイトです

これは私が作成しようとしているJQueryコードです

    $('.footer').addClass('closed');

    $('.footer').on('click', '.more-less', function() {
        $('.footer').toggleClass('closed open');
    });

    if ( $('.footer.open') === true) { 
        $('.more-less').html('<i class="icon-arrow_down"></i>');    
    }  

ありがとう

Answer 1

またはさらに安い：

$('.footer').on('click', '.more-less', function() {
    $('.footer').toggleClass('closed open');
    $(this).find('i').toggleClass('icon-arrow_down icon-arrow_up');
});