选择项目并在时间显示n篇文章

时间:2014-11-02 11:32:08

标签: javascript jquery html

我有这样的代码

<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

1 个答案:

答案 0 :(得分:0)

效率低下但至少有效。

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();
         }  
}