Кнопка «Читать далее» для сайта на jQuery это удобное решение для скрытия части текста. Порой на сайте нужно скрыть часть текста, это делается для того, чтобы организовать общую эргономику сайта, а также для того, чтобы пользователь перешел на страницу с полным содержанием статьи. Для этого нам поможет небольшой плагин Elimore, он представляет собой небольшой и настраиваемый плагин для обрезания части текст до определенного количества установленных ранее слов. В данном уроке мы постараемся максимально детально показать процесс реализации данной кнопки.

Если вы хотите использовать уже готовые шаблоны тогда обратите внимание на бесплатные предложения в нашем интернет-магазине, там также есть премиум предложения с техподдержкой и помощью в установке.

Кнопка «Читать далее» для сайта на jQuery. Как использовать и настроить.

Для начала необходимо подключить библиотеку jQuery и JavaScript плагина jQuery Elimore к вашей странице сайта:

Теперь вызовите функцию для текста, который будет обрезаться автоматически до 130 символов:

Функция вызывается следующим образом:

Укажите количество символов для установки по умолчанию и обрезки (по умолчанию:130):

Кнопка "Читать далее" для сайта на jQuery

Укажите текст для ссылок «Читать далее» и «Свернуть текст»:

Вы может потребоваться отключить ссылку «Свернуть текст»:

Устанавливаем пользовательские стили к кнопкам «Читать далее» и «Свернуть текст»:

В результате вы узнали как сделать кнопку «Читать далее» для сайта при помощи jQuery, которую легко настроить и установить на сайт.

Вот и все. Готово!