Кнопка "Показать ещё" на jquery с установкой ограничения по высоте

  /*start show more el height btn*/
    $("[data-more-content]").each(function (index, el) {
        if ($(this).height() <= 250) {
            $(this).parent().find(".more-text__btn").remove();
        } else {
            $(this).css({
                maxHeight: "200px"
            });
        }
    });

    $(document).on('click', '[data-more-btn]', function (event) {
        event.preventDefault();
        /* Act on the event */
        var thLink = $(this).attr('data-more-btn'),
            hidenTxt = $(document).find('[data-more-content="' + thLink + '"]');
        if (hidenTxt.hasClass('active')) {
            hidenTxt.removeClass('active');
            $(this).text(objTxtSite.more_close);
        } else {
            hidenTxt.addClass('active');
            $(this).text(objTxtSite.more_open);
        }
    });

    $(window).resize(function () {
        if (document.documentElement.clientWidth > 991) {
            $(".more-text").removeAttr("style");
        }
    });
    /*end show more el height btn*/

/*start show more el height btn*/

$("[data-more-content]").each(function (index, el) {

if ($(this).height() <= 250) {

$(this).parent().find(".more-text__btn").remove();

} else {

$(this).css({

maxHeight: "200px"

});

}

});

$(document).on('click', '[data-more-btn]', function (event) {

event.preventDefault();

/* Act on the event */

var thLink = $(this).attr('data-more-btn'),

hidenTxt = $(document).find('[data-more-content="' + thLink + '"]');

if (hidenTxt.hasClass('active')) {

hidenTxt.removeClass('active');

$(this).text(objTxtSite.more_close);

} else {

hidenTxt.addClass('active');

$(this).text(objTxtSite.more_open);

}

});

$(window).resize(function () {

if (document.documentElement.clientWidth > 991) {

$(".more-text").removeAttr("style");

}

});

/*end show more el height btn*/

Случайные статьи

js

Кнопка “Показать ещё” на jquery с установкой ограничения по высоте

Вам также может понравиться...

Добавить комментарий Отменить ответ

js

Вам также может понравиться...

Настроить почту на сервере

Верстка писем для Outlook и общие правила по отправке

Bitrix24 REST API: создание приложения на PHP с нуля

Добавить комментарий Отменить ответ