<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<style>
li.hide {
display: none ;
}
span.testimonials_readmore {
color: red ;
}
</style>
</head>
<body>
<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>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<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>
<script>
$("ul").each(function() {
var $this = $(this),
li = $("li:gt(4)", this) ;
if(!li.length)
return ;
li.addClass("hide") ;
$this.append($("<span/>", {
class: "testimonials_readmore",
html: "Читать полностью →"
})) ;
}) ;
$(".testimonials_readmore").one("click", function() {
var $this = $(this) ;
$this.prevUntil("li:visible").removeClass("hide") ;
$this.remove() ;
}) ;
</script>
</body>
</html>