chelfenix,
так ?
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#ta{
background:#3C3;
color:#66F;
height:100px;
width:600px;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-o-transition:all 1s;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(function ()
{ var t = $('#ta'), max , min = 0;
$('.read-next').on('click', function (event)
{max = t[0].scrollHeight
var H = t.height();
t.height(H < max ? max : min);
$(this).text(H < max ? 'Свернуть все все' : 'Открыть все')
return false
})
})
</script>
</head>
<body>
<div style="height:'100%'">
<div id="ta" style="overflow:hidden">
Товарищи! консультация с широким активом требуют
определения и уточнения существенных финансовых и
административных условий. Не следует, однако
забывать, что укрепление и развитие структуры
влечет за собой процесс внедрения и модернизации
направлений прогрессивного развития.
Разнообразный и богатый опыт начало повседневной
работы по формированию позиции позволяет оценить
значение форм развития. Товарищи! начало
повседневной работы по формированию позиции
позволяет выполнять важные задания по разработке
форм развития. Товарищи! сложившаяся структура
организации требуют от нас анализа систем
массового участия. Таким образом новая модель
организационной деятельности позволяет оценить
значение позиций, занимаемых участниками в
отношении поставленных задач. Разнообразный и
богатый опыт постоянное
информационно-пропагандистское обеспечение нашей
деятельности способствует подготовки и
реализации модели развития
</div><a class="read-next" href="#">Открыть все</a>
</div>
</body>
</html>
|
Использую данный скрипт для сворачивания отзывов, все работает (кроме плавности).
Как изменить скрипт, чтобы при коротком отзыве (например 300 символов или высота блока не превышает например 100px) ссылка свернуть/развернуть не появлялась? |
Andvz24,
может вам хватит варианта по минимальному количеству строк смотреть ещё вариант обрезния строк |
К сожалению данный скрипт не захотел работать в cms
|
Andvz24,
может вы css не ставите? |
css прописал. Выношу скрипт в отдельный файл и не хочет работать (в cms скрипт прописал, подключается с загрузкой страницы). Предыдущий скрипт сразу заработал, но там ссылка явно прописывается, а тут скрипт добавляет
|
Andvz24,
так может у вас один плагин подключен без инициализации или инициализация неправильная ? |
рони,
Извиняюсь за собственную тупость: не совсем понял про плагин. Что я делаю: -переношу скрипт в отдельный файл (только код скрипта), то что перед <body> + код перед </body> -оборачиваю отзывы на сайте в div class="ta" -обязательно css -в шаблоне сайта подключаю сам скрипт (<script src="/bitrix/templates/.default/js/hidden_script.js"></script>) все вот еще один скрипт, но немного не хватает знаний, чтобы изменить его и появилась ссылка скрыть https://jsfiddle.net/rLy7f8r8/4/ |
Цитата:
может попробовать вместо
$(".ta").correctLines({
fullText: true,
maxLine: 4,
moreText: "Открыть все",
lessText: "Свернуть",
afterLength: " "
})
сделать
jQuery(".ta").correctLines({
fullText: true,
maxLine: 4,
moreText: "Открыть все",
lessText: "Свернуть",
afterLength: " "
})
|
рони,
к сожалению не помогло. Может дело в том, что я вырвал 2 части когда и закинул их в один файл, при том, что они как то не последовательно вызываются. Дивы не появляются, надпись тоже "свернуть/развернуть" |
| Часовой пояс GMT +3, время: 21:56. |