选择项目并在时间显示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();
         }  
}