a
• b
• c
• d
• e
• f
• g
• h
• i
• j
• k
• m
• a
• b
• c
• d
• e
• f
• g
• h
• i
• j
• k
• m

<ul class="mynews" pagesize="4">

<script type="text/javascript">
//调用显示更多插件。参数是标准的 jquery 选择符
$.showMore(".showMoreNChildren,.mynews");

(function () {
var showMoreNChildren = function ($children,n) {
//显示某jquery元素下的前n个隐藏的子元素
var $hiddenChildren = $children.filter(":hidden");
var cnt = $hiddenChildren.length;
for (var i = 0; i < n && i < cnt ; i++) {
$hiddenChildren.eq(i).show();
}
return cnt - n;//返回还剩余的隐藏子元素的数量
}

jQuery.showMore = function (selector) {
if (selector == undefined) { selector = ".showMoreNChildren" }
//对页中现有的class=showMorehandle的元素，在之后添加显示更多条，并绑定点击行为
$(selector).each(function () {
var pagesize = $(this).attr("pagesize") || 10;
var $children = $(this).children();
if ($children.length > pagesize) {
for (var i = pagesize; i < $children.length; i++) {
$children.eq(i).hide();
}

    $("<div class='showMorehandle' ><a href="/tag/xianshi/" target="_blank" class="keywords">显示</a>更多</div>").insertAfter($(this)).click(function () {
      if (showMoreNChildren($children,pagesize) <= 0) {
        //如果目标元素已经没有隐藏的子元素了，就隐藏“点击更多的按钮条”
        $(this).hide();
      };
    });
  }
});

}
})();