где ранее было старое значение
<a>
<span data-v-50ca0f34="" data-v-15d61d2e="" class="enter">Добро пожаловать</span>
</a>
enter.parentElement.innerHTML = '<h1>Всего доброго</h1>';
<a>
<h1>Всего доброго</h1>
</a>
<a class="some-class">
<span data-v-50ca0f34="" data-v-15d61d2e="" class="enter">Добро пожаловать</span>
</a>
document.querySelector('.some-class').innerHTML = '<h1>Всего доброго</h1>';
$('button').on('click', function() {
let elm = $('.toggle').parent().find('.toggle');
elm.fadeToggle(1000, 'linear', function(){
if (elm.is(':visible')) {
$('button').html('Скрыть<i class="fas fa-sort-down"></i>');
$('i').animate({ rotDeg: 180 }, {
step: function(n) {
$('i').css({"transform" : 'rotate(' + n + 'deg', "vertical-align" : "sub"});
}, duration: 150,
}, "linear");
}
else {
$('button').html('Показать<i class="fas fa-sort-down"></i>');
$('i').animate({ rotDeg: 0 }, {
step: function(n) {
$('i').css({"transform" : 'rotate('+ n + 'deg', "vertical-align" : "top"});
}, duration: 150,
}, "linear");
}
});
});
А вот проверка на hidden в моем примере не поможет ?
$('button').on('click', function() {
let elm = $(this).parent().find('.toggle'), timeout, time;
clearTimeout(timeout);
if (elm.is(':visible')) {
elm.stop().fadeOut(time);
timeout = setTimeout(() => this.firstChild.textContent = 'Показать все', time);
}
else {
elm.stop().fadeIn(time);
timeout = setTimeout(() => this.firstChild.textContent = 'Скрыть', time);
}
});
$('div').eq(0).html('<div></div> <p></p><b>' + $('div').eq(0).text() + '</b>');