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

 

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

Как использовать:

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

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

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

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

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

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

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

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

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