На сайте ведутся работы!
Поэтому могут быть ошибки и недочеты. Приносим свои извинения и постараемся все исправить в ближайшее время.
AdBlock
Блокируйте рекламу. Просматривайте быстрее.
Adguard
Самый быстрый и легковесный блокировщик рекламы для браузеров.
Недавние обсуждения
Данный плагин позволяет сокращать очень длинные тексты, автоматически пряча лишние части текста под спойлер. Readmore.js настолько прост, что нет необходимости иметь большие знания в HTML, в сложных наборов DIV или CSS, просто кликните на "Read More" (читать далее) содержащий ваш блок текста и Readmore.js позаботится об остальном. Данный скрипт не влияет на быстродействие среды. Установка очень проста, для начала надо скачать архив с нашего сайта и папку под названием js загрузить в свой ФМ...



Установка

В 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>


Осталось лишь залить JS файл из прикреплённого архива в папку js
Теги к материалу
текста, Автообрезание, Спойлер, под
Поделись материалом с друзьями
Рекомендуем к просмотру
К материалу оставили 0 комментариев