Скрипт скрывает длинный текст и ставит ссылку для открытия. Как убрать, чтобы при нажатии по ссылке "скрыть", текст убрался без своеобразного замедления и чтобы текст который был открыт не сдвигался вниз
! function (a) {
a.fn.truncate = function (b) {
var c = {
length: 286,
minTrail: 0,
moreText: "читать",
lessText: "скрыть",
ellipsisText: " ..."
},
b = a.extend(c, b);
return this.each(function () {
obj = a(this);
var k = obj.html();
if (k.length > b.length + b.minTrail && -1 != (g = k.indexOf(" ", b.length))) {
var g = k.indexOf(" ", b.length),
f = k.substring(0, g),
e = k.substring(g, k.length - 1);
obj.html(f + '<span class="truncate_ellipsis">' + b.ellipsisText + '</span><span class="truncate_more">' + e + "</span>"), obj.find(".truncate_more").css("display", "none"), obj.append('<span class="clearboth"><a href="#" class="truncate_more_link">' + b.moreText + "</a></span>");
var h = a(".truncate_more_link", obj),
d = a(".truncate_more", obj),
j = a(".truncate_ellipsis", obj);
h.click(function () {
return h.text() == b.moreText ? (d.show("normal"), h.text(b.lessText), j.css("display", "none")) : (d.hide("normal"), h.text(b.moreText), j.css("display", "inline")), !0
})
}
})
}
}(jQuery), $().ready(function () {
$(".tip").truncate({
length: 286,
minTrail: 0,
moreText: "читать",
lessText: "скрыть",
ellipsisText: " ..."
})
});
.tip a {
color: #000;
font-size: 14px;
margin-left: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="tip">очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста;очень много текста</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
К примеру у меня есть БД которая в таблице имеет нужные мне поляЯ сделал проверку запросом на правильность логина и пароля для продолжения...
Добрый деньВ данный момент читаю книгу "Линн Бейли - Изучаем SQL", раздел про привелегии
День добрый, на сайте с битриксом, возникла странная фигняТаблица b_sec_virus выросла до 2 гигов, при 5 строчках