joylord,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hide{
display: none;
}
div {
float: left;
}
div div{
float: none;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
</head>
<body>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>
<script>
$("div ul").each(function(){
var li = $("li:gt(4)",this);
if (li.size()){
$('<span class="testimonials_readmore"> читать полностью →</span>').appendTo($(this))
li.wrapAll("<div class='hide'></div>");
}
});
$(".testimonials_readmore").click(function(){
$(this).prev().slideToggle()});
</script>
</body>
</html>