Как поставить условие скрытия в многострочном тексте?

Question

[GitDem]

<div class="model-listing__list">
    <span class="model-listing__list__item">Production countries:</span>
    <span class="model-listing__list__param country js-read-more-content-descr">Germany, Poland, Belgium, Hungary, Austia, 
           Spain, United Kingdom, France, Germany, Poland, Belgium, Hungary, Austia, Spain, United Kingdom, France</span>
    <div class="model-listing__list__more js-read-more-show-descr">Открыть</div>
    <div class="model-listing__list__more js-read-more-hide-descr">Закрыть</div>
</div>

let lineClamp = (2 * 20)
    $('.country').each(function (heightbl) {
        var heightBlock = $(this).height();
        if (lineClamp > heightBlock) {
            $(this).css({
                'height': '100%',
                'overflow-y': 'visible',
                'background': 'blue',
            });
        }
        else {
            $(this).css({
                'height': lineClamp,
                'overflow-y': 'hidden',
                'background': 'green',
            });
        }
    });

Как поставить условие, если города занимают две строчки то кнопки скрыть, если больше двух строк то кнопки видны

Comments

[Andrew]

переменная максимальное_кол-во_символов_в_строке = считаем их кол-во;
функция изменения(){
переменная текущее_кол-во_символов_в_строке = смотрит сколько;
если текущее...> максимальное... прячем кнопки;
}

Да, я разбил вам на подзадачи. Не благодарите.

[GitDem]

Andrew,

$('.js-read-more-hide-descr').hide();
    if ($('.js-read-more-content-descr').outerHeight() < 40) {
        $('.js-read-more-show-descr').hide();
        $('.js-read-more-content-descr').css('height', 'auto');
    } else {
        $('.js-read-more-content-descr').css('height', '40px');
        if ($('.model-listing__list__param.country').length) {
            $('.js-read-more-content-descr').css('height', '40px');
        }
    }
    $('.js-read-more-show-descr').on('click', function(e) {
        e.preventDefault();
        var content = $(this).parents('.accordion-content');
        content.addClass('open');
        $(this).parents().children('.js-read-more-show-descr').hide();
        $(this).parents().children('.js-read-more-hide-descr').show();
        $(this).parents().children('.js-read-more-content-descr').addClass('show');
    });
    $('.js-read-more-hide-descr').on('click', function(e) {
        e.preventDefault();
        $(this).parents().children('.js-read-more-show-descr').show();
        $(this).parents().children('.js-read-more-content-descr').removeClass('show');
        $(this).hide();
    });

[GitDem]

Andrew, Кнопка открыть\закрыть при ширине меньше 40 не скрывается(