Jquery 更改Html和toggleClass

我是triyng建立一个脚，我可以关闭点击按钮（箭头图标字体）。。。 我想在页脚打开时更改箭头，在页脚关闭时返回原始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>');    
    }  

$（'.footer'）.addClass（'closed'）；
$（'.footer'）。在（'click'，'more-less'，函数（）上{
$（'.footer'）.toggleClass（'closed-open'）；
});
如果（$（'.footer.open'）==true）{
$（'.more-less'）.html（''）；
}  

---

谢谢

我认为您可能需要在单击链接后测试条件，并根据状态更改图标（打开/关闭）

测试元素是否具有类用途

您的条件

$（'.footer.open'）

返回一个jQuery包装器元素，因此您的条件永远不会为真

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

$footer.on('click', '.more-less', function () {
    $footer.toggleClass('closed open');
    if ($footer.hasClass('open')) {
        $(this).html('<i class="icon-arrow_down"></i>');
    } else {
        $(this).html('<i class="icon-arrow_up"></i>');
    }
});

var$footer=$（'.footer'）.addClass（'closed'）；
$footer.on（'click'，'more-less'，函数（）{
$footer.toggleClass（'closed-open'）；
if（$footer.hasClass（'open'））{
$（this.html（“”）；
}否则{
$（this.html（“”）；
}
});

我认为您可能想要的是在单击链接后测试条件，并根据状态更改图标（打开/关闭）

测试元素是否具有类用途

您的条件

$（'.footer.open'）

返回一个jQuery包装器元素，因此您的条件永远不会为真

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

$footer.on('click', '.more-less', function () {
    $footer.toggleClass('closed open');
    if ($footer.hasClass('open')) {
        $(this).html('<i class="icon-arrow_down"></i>');
    } else {
        $(this).html('<i class="icon-arrow_up"></i>');
    }
});

var$footer=$（'.footer'）.addClass（'closed'）；
$footer.on（'click'，'more-less'，函数（）{
$footer.toggleClass（'closed-open'）；
if（$footer.hasClass（'open'））{
$（this.html（“”）；
}否则{
$（this.html（“”）；
}
});

$（'.footer'）.addClass（'closed'）；
$（'.footer'）。在（'click'，'more-less'，函数（）上{
$（'.footer'）.toggleClass（'closed-open'）；
if（$（'.footer'）.hasClass（'open'）{
$（'.more-less'）.html（''）；
}
其他的
{
$（'.more-less'）.html（''）；
}
});

$（'.footer'）.addClass（'closed'）；
$（'.footer'）。在（'click'，'more-less'，函数（）上{
$（'.footer'）.toggleClass（'closed-open'）；
if（$（'.footer'）.hasClass（'open'）{
$（'.more-less'）.html（''）；
}
其他的
{
$（'.more-less'）.html（''）；
}
});

甚至更便宜：

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

甚至更便宜：

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

---

您说过希望“关闭时返回原始html”-原始html是什么样子的？您好，原始的向上箭头包括2个箭头，并根据父类显示所选内容，您完成了。您说过希望“关闭时返回原始html”-原始HTML是什么样子的？嗨，原始的是向上箭头，包括2个箭头，并根据父类显示所选内容，您就完成了。已解决！Works PerfeclySolved！Works Perfecly