JQuery и список: как правильно выводить список?

Question

[sz9]

Добрый день.
Подскажите, пожалуйста, есть список:

<ul id='list'>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
     <li>6</li>
     <li>7</li>
     <li>8</li>
     <li>9</li>
     <li>10</li>
</ul>
<span id='more'>еще..</span>

Изначально выводится только 2 записи, при нажатии на span > "еще.." выводится еще две. И так до конца.

Answer 1

[TekVanDo]

Так codepen.io/Tek/pen/rpkGu.

Comments

[sz9]

спасибо большое

Answer 2

[victimofbrainlessness]

jsfiddle.net/238Lr/4

Answer 3

[smoked]

jsfiddle.net/tm36C

Comments

[sz9]

список уже сформированый. то есть получается 8мь полей скрыто, а 2 видно. ну и при нажатии 2 открываються

Answer 4

[nurise]

Можно использовать each()

$("#list li").each(function(index){
//где index - порядковый номер элемента
//тут какие-то условия
});