Вариант плагина для обрезки строк с возможностью просмотра обрезанного ...
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.more{
background-color: #FFFFFF;
}
a.more {
cursor: pointer;
}
</style>
<meta charset="utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
(function( $ ){
$.fn.correctLines = function( maxLine, moreText ) {
return this.each(function( index, self ) {
moreText = moreText || '...more';
var txt = $( self ).html().split(' ');
$( self ).html(txt[0]).css( {"height": "auto"});
var lastHeight = $( self ).outerHeight();
var k = 1;
for(var i = 1; i < txt.length; i++ ) {
$( self ).html(txt.slice( 0, i ).join(' ')+' ');
if(lastHeight < $( self ).outerHeight()){
lastHeight = $( self ).outerHeight();
k++ ;
if (k > maxLine) { i--
$( self ).html(txt.slice( 0, i ).join(' '));
$("<a/>",{"text":moreText,"class": 'more'}).click(function() {
$(this).next(".more").slideToggle()
}).appendTo($( self ));
$("<div/>",{"text":txt.slice( i ).join(" "),"class": 'more'})
.css({"display":'none',"position": "absolute"}).appendTo($( self ));
break }
};
};
});
}
})( jQuery );
</script>
<title></title>
</head>
<body >
<article class="item2">
<div class="top">
<h1>
<a data-product="1" href="products/apple-iphone-4s-16gb">Apple iPhone 4S 16Gb</a>
</h1>
<form class="variants" action="/cart">
<span class="price">44 000 <span class="currency">руб</span></span>
<input id="variants_1" name="variant" value="1" type="radio" class="variant_radiobutton" checked style="display:none;"/>
<input type="submit" class="button buy" value="Купить" data-result-text="Добавлено" />
<a class="credit" href="#">В кредит</a>
<span class="price">42 000 <span class="currency">руб</span></span>
<input id="variants_2" name="variant" value="2" type="radio" class="variant_radiobutton" style="display:none;"/>
<input type="submit" class="button buy" value="Купить" data-result-text="Добавлено" />
<a class="credit" href="#">В кредит</a>
</form>
</div>
<div class="bottom">
<div class="text"><p><span>iPhone 4 получил 3,5-дюймовый дисплей с разрешением 960 x 640 пикселей. Толщина устройства всего 9,3 мм. Передняя и задняя стороны аппарата обе плоские, выполнены из стекла, торцевая окантовка - стальная. У телефона есть фронтальная камера для видеозвонков, дополнительный микрофон для шумоподавления, а слот SIM сменился на Micro SIM. Батарея обеспечивает до 14 часов в режиме разговора, 6/10 часов в режиме веб-серфинга по 3G/Wi-Fi, 10 часов просмотра видео, 40 часов прослушивания музыки и 300 часов режима ожидания. Кроме того, добавлена поддержка Wi-Fi 802.11n. Разрешение основной камеры 5 МП, имеется поддержка видеосъемки с разрешением 1280 x 720 пикселей со скоростью 30 кадров в секунду.Дисплей 3,5 дюйма, 640х960 точек, IPS, олеофобное покрытие / Двухъядерный A5 Чип, Графический ускоритель PowerVR SGX543MP2 / 8-мегапиксельная фотокамера, HD видео (1080pх) / Bluetooth 4.0 и Wi-Fi 802.11b/g/n / гарантия - 12 месяцев.</span></p></div>
</div>
<div class="bottom">
<div class="text"><p><span>iPhone 4 получил 3,5-дюймовый дисплей с разрешением 960 x 640 пикселей. Толщина устройства всего 9,3 мм. Передняя и задняя стороны аппарата обе плоские, выполнены из стекла, торцевая окантовка - стальная. У телефона есть фронтальная камера</span></p></div>
</div>
</article>
<script language="JavaScript" type="text/javascript">
$(".text span").correctLines(3,' ...')
</script>
</body>
</html>