Блог ⁄ JavaScript ⁄ Скрытие текста после «подробнее…»
Плагин-спаситель называется jTruncate, взял инфу о нём из статьи jTruncate — прячем все лишнее. Ниже демонстрация «в поле»:
Плагин jTruncate взят из блога Джереми Мартина. Ниже пример объявления (писать в <head> в тэге <script>):
$().ready(function() {
$('#example2').jTruncate({
length: 200,
minTrail: 0,
moreText: "[подробнее...]",
lessText: "[спрятать]",
ellipsisText: " (обрезано)",
moreAni: "fast",
lessAni: 2000
});
});
Значения параметров:
length: По умолчанию 300
/*Число символов на экране перед обрезанием.*/
minTrail: По умолчанию 20
/*Минимальное количество "extra" символов, необходимых для урезания. Эта функция позволяет вам предотвратить усечение части текста, который лишь на несколько символов больше, чем указано в length.*/
moreText: По умолчанию "more"
/* Текст для ссылки открывающей спрятанный текст.*/
lessText: По умолчанию "less"
/* Текст для ссылки скрывающей текст.*/
ellipsisText: По умолчанию "..."
/* Текст который добавляется перед "обрезанной частью" */
moreAni: По умолчанию пустая строка
/*Определяет скорость открытия, аргумент для метода show() (подробнее здесь).*/
lessAni: По умолчанию пустая строка
/* Определяет скорость скрытия текста, аргумент для метода hide() (подробнее здесь). */
Очень элегантное решение для многословных редакторов сайтов :) . Приятного использования!
