Question

I had 10 div with name 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">

once display button in clicked i need to display two div

first click: display div1 and div2 [other div are none]

second click: display div3 and div4 [other div are none]

etc…

How to do this with 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();

Demo: http://www.jsfiddle.net/yNABj/3/