我正在寻求以下问题的帮助:
我在我的 Divi Wordpress 主题中使用自定义切换,就像本指南中的第二种方式:https ://www.elegantthemes.com/blog/divi-resources/2-ways-to-create-custom-show-more-toggles -in-divi
所以我使用以下代码:
$(document).ready(function(){
$('.et-show-more-toggle').on('click', function(e) {
e.preventDefault();
$(e.target).closest('.et-show-more-container').children('.et-show-more-content').slideToggle("300");
$(this).toggleClass('et-show-more-toggle_active');
if ($(this).hasClass('et-show-more-toggle_active')) {
$(this).text('Show Less');
} else {
$(this).text('Show More');
}
});
});
})(jQuery);
但我想在“显示更多”或“显示更少”文本之后使用两个不同的图标。
我通常使用 Divi The Elegant Icon Font ( https://www.elegantthemes.com/blog/resources/elegant-icon-font )。
要插入一个图标,我通常使用以下代码代码:
<span class='et-pb-icon'></span>
如何将此代码转换为 jquery 以在上面的切换功能中使用它,因此文本显示“显示更多ICON ”
非常感谢帮助