Всем привет!)
Есть карточки новостей на странице(у всех одинаковая разметка)
Есть скрипт
$(document).ready(function(){
if ($('.news_card-text').height() <= 59) {
$('.card_readmore-button').hide();
}
$('.card_readmore-button').click(function(event){
const block = event.target;
$(block.parentElement.parentElement.parentElement).toggleClass('card-content-active');
$(block.parentElement.childNodes[5]).toggleClass('card-content-active');
if ($(block.parentElement.childNodes[5]).hasClass('card-content-active')){
block.parentElement.parentElement.childNodes[3].style.display = 'none';
block.parentElement.parentElement.parentElement.style.backgroundColor = 'white';
block.parentElement.parentElement.parentElement.style.border = '1px solid #E7E4E1';
block.parentElement.style.maxWidth = '613px';
$(block).html('Скрыть');
} else {
block.parentElement.parentElement.childNodes[3].style.display = 'flex';
block.parentElement.parentElement.parentElement.style.backgroundColor = '#F9F6F2';
block.parentElement.parentElement.parentElement.style.border = 'none';
block.parentElement.style.maxWidth = '364px';
$(block).html('Читать весь отзыв');
}
return false;
});
});
Сделал что бы кнопка ".card_readmore-button" пропадала при определенной высоте, но она пропадает у всех блоков, даже там, где условие неверно.
Скажите плз, как сделать, что бы кнопка пропадала только у тех блоков, где высота <=59
Заранее благодарю
PS
в Jquery новичок, прошу не ругать)