Главная » 2015 » Декабрь » 6 » Автообрезание текста под спойлер (Javascript)
06.12.2015, 15:54

Автообрезание текста под спойлер





Данный скрипт обрезает длинные тексты и прячет их под спойлер.

Установка


В body страницы необходимо вставить этот код:

Код
<script type='text/javascript' src="/js/readmore.min.js"></script>
<script>
$(function() {
$('#demo').readmore({
moreLink: '<a href="#">Читать дальше...</a>',
lessLink: '<a href="#">Не хочу больше читать дальше...</a>',
collapsedHeight: 432,
speed: 200,
afterToggle: function(trigger, element, expanded) {
if(! expanded) { // The "Close" link was clicked
$('html, body').animate({scrollTop: $(element).offset().top}, {duration: 100});
}
}
});
});
</script>


А тот текст, который должен быть обрезан и скрыт в спойлер, оформляется таким образом:

Код
<section id="demo">Здесь любой ваш текст</section>
Материал взят с сайта infoscript.ru
Теги: Скачать Автообрезание текста под спойлер
Скачать "Автообрезание текста под спойлер"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: @jed_foster
Категория: JavaScript's | Просмотров: 685 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: Автообрезание, Спойлер, Под, текста
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]