@Rokmusic

"Показать еще" Jquery — как скрыть кнопку только у того же блока, когда высота внутреннего блока меньше значения?

Всем привет!)
Есть карточки новостей на странице(у всех одинаковая разметка)
Есть скрипт
$(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 новичок, прошу не ругать)
  • Вопрос задан
  • 447 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 08:04
1 руб./за проект
22 нояб. 2024, в 06:06
1500 руб./в час
22 нояб. 2024, в 06:04
1 руб./за проект