要动态显示div

Question

我有10个div名字 sample

<div name="sample">div1</div>
<div name="sample">div2</div>
<div name="sample">div3</div>
<div name="sample">div4</div>
<div name="sample">div5</div>
<div name="sample">div6</div>
<div name="sample">div7</div>
<div name="sample">div8</div>
<div name="sample">div9</div>
<div name="sample">div10</div>
<input type="button" id="display" value="display">

一旦点击显示按钮,我需要显示两个div

首先点击:显示div1和div2 [其他div为none]

第二次点击:显示div3和div4 [其他div为none]

等等...

如何用jquery做到这一点

Answer 1

$('#display').bind('click', function() {
   var $divs   = $('div'),
       offset  = 0;

   return function() {
       $divs.hide().slice(offset, offset+2).show();
       offset += 2;

       if( offset === 10 )
           offset = 0;
   };
}()).click();

演示:http://www.jsfiddle.net/yNABj/3/