1

ボタンをクリックして閉じることができるフッター(矢印アイコンフォント)を作成しようとしています...フッターが開いているときに矢印を変更し、閉じているときに元の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>');    
    }  

ありがとう

4

3 に答える 3

0

またはさらに安い:

$('.footer').on('click', '.more-less', function() {
    $('.footer').toggleClass('closed open');
    $(this).find('i').toggleClass('icon-arrow_down icon-arrow_up');
});
于 2013-09-30T13:30:19.380 に答える