8 389 Скрипты / Text

Плагин скрытия текста

Плагин скрытия текста

JQuery плагин truncatable - плагин скрытия содержимого. Благодаря ему пользователи могут скрыть излишний текст и вновь восстановить его при нажатии на ссылку-многоточие. Плагин дружелюбен к SEO и идеален в случаях, когда не представляется возможным использовать php.
Для использования плагина нужно добавить ID или class для текста, который будем обрезать.

<p class="myClass">
    Текст который будет обрезаться при достижении заданного максимального количества символов в нем.
</p>

JS

В <head> подгружаем сначала jQuery, а потом сам плагин:

<script type="text/jаvascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/jаvascript" src="jquery.truncatable.js"></script>
И инициализируем плагин, указав класс для которого будем его использовать:
$(function {
    $(".myClass").truncatable();
});
Опционально можно указать количество символов при  превышении которого, текст будет скрыт. По умолчанию это количество символов равно 100.
$('.myClass').truncatable({ limit: 200, more: '.....', less: true, hideText: '[скрыть]' });
Скачать 1096Загрузок 2,5 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи