到达页面底部时加载div

Question

我正在尝试在我的twitter Feed中实现一个非常简单的无限滚动功能。我一次显示4条推文，然后当用户点击页面底部时我想加载另外4条，依此类推。

到目前为止，我已经提出了这个

$(window).scroll(function () {
    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
        $('.tweet').slice(4).show();
    } else {
        $('.tweet').slice(4).hide();
    }
}); 

然而，当我试图向下滚动到下一组推文时，我得到的只是我页面底部的一个小故障，目前这是第四条推文的所有内容，而不是4条推文的集合。

所有东西都在一个名为#jstwitter的容器中。我将如何实现这样的东西？

由于