具有显示更多功能的jquery rss

我试图在我在这里制作的jqueryrss中添加一个showmore按钮或div，如本例所示。问题是，我曾多次尝试用div包装器包装rssdiv，并强制它只显示几行，但都不起作用

所以我只想隐藏所有的rss提要，只想说Top3。然后，每当我想显示更多的提要线程时，我只需单击“显示更多”按钮

这是使用javascript显示更多按钮：

Jquery显示按钮

for (var i = 0; i < 30; i++) {
    $("ul").append("<li>" + i + "</li>");
}

var $li = $("li"),
    chunk = 5;

console.log(chunk, $li);

$li.slice(chunk).hide();

$("button").click(function() {
    $li.filter(":hidden").slice(0, chunk).show();
});

<ul></ul>
<button>Show more</button>

rss html:

<div id="test"></div>

你知道我该怎么做才能只显示前3个或者说5个提要，而隐藏其余的提要吗。并在单击“显示更多”按钮后显示每个3或5个提要

---

谢谢

在zRSSfeed.js中有一个名为

回调

的选项。这表示提要在DOM中的时间点，有点像完成状态。有关更多信息，请参阅和a请注意，您必须使用才能正常工作。。因此，使用这个回调选项，您可以通过JavaScript控制提要。看起来是这样的：

$('#test').rssfeed(feedURL, options , function (e) {
    var $li = $("#test").find(".rssRow"),
        chunk = 3;

    //hide rows > 3
    $li.slice(chunk).hide()

   //insert button after ul
   $("ul").after("<button>Show more</button>");

   //event handler for button
   $("button").click(function () {
      //get the elements hidden            
      var el = $li.filter(":hidden");
      //to hide show more for last click (there aren't any more elements
      if (el.length <= chunk) {
        $(this).hide();
      }
      //show next 3 rows
      el.slice(0, chunk).show();
  });

$（'#test'）.rssfeed（feedURL、选项、函数（e）{
var$li=$（“#测试”）.find（“.rssRow”），
组块=3；
//隐藏行>3
$li.slice（chunk.hide（））
//在ul后插入按钮
$（“ul”）。之后（“显示更多”）；
//按钮的事件处理程序
$（“按钮”）。单击（函数（）{
//隐藏元素
var el=$li.filter（“：hidden”）；
//隐藏显示更多以供最后单击（没有更多元素）
如果（el.length这是一个令人惊讶的答案。非常感谢@passionateCoder。你是一个救生员。再次感谢你，伙计。我编辑了答案，使节目更符合问题：）非常感谢你这么做。
$('#test').rssfeed(feedURL, options , function (e) {
    var $li = $("#test").find(".rssRow"),
        chunk = 3;

    //hide rows > 3
    $li.slice(chunk).hide()

   //insert button after ul
   $("ul").after("<button>Show more</button>");

   //event handler for button
   $("button").click(function () {
      //get the elements hidden            
      var el = $li.filter(":hidden");
      //to hide show more for last click (there aren't any more elements
      if (el.length <= chunk) {
        $(this).hide();
      }
      //show next 3 rows
      el.slice(0, chunk).show();
  });