选择项目并一次显示n篇文章

Question

我有一个类似的代码

<div class="container">
  <article class="article1"></article>
  <article class="article2"></article>
  <article class="article3"></article>
  <article class="article4"></article>
  <article class="article5"></article>
  <article class="article6"></article>
</div>

我想一次显示3篇文章，剩下的文章有一个按钮，上一篇和下一篇。如何使用jQuery或JavaScript实现这一点？

我们可以在JSFiddle 上工作

Answer 1

这效率很低，但至少能起作用。

function DisableAll()
{
    // whatever way to make others invisible/disabled
    // and for button hiding/showing
 }

function ShowOnlyN(n,start)
{
         DisableAll();
         for(var i=0;i<n;i++)
         {
             $('.article'+((start+i)%6+1).toString()).show();
         }  
}