javascript - To display div dynamically -

i had 10 div 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 need display 2 div

first click: display div1 , div2 [other div none]

second click: display div3 , div4 [other div none]

etc...

how jquery

$('#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/