Данный плагин позволяет сокращать очень длинные тексты, автоматически пряча лишние части текста под спойлер. Readmore.js настолько прост, что нет необходимости иметь большие знания в HTML, в сложных наборов DIV или CSS, просто кликните на "Read More" (читать далее) содержащий ваш блок текста и Readmore.js позаботится об остальном. Данный скрипт не влияет на быстродействие среды. Установка очень проста, для начала надо скачать архив с нашего сайта и папку под названием js загрузить в свой ФМ...
Установка
В body страницы необходимо вставить этот код:
А тот текст, который должен быть обрезан и скрыт в спойлер, оформляется таким образом:
Осталось лишь залить 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>
<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