Jquery, hide & показать элементы списка после n-го элемента

Допустим, у меня есть неупорядоченный список, например:

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   <li>Four</li>
   <li>Five</li>
</ul>

Как я могу, используя JQuery, скрыть последние 2 элемента списка и иметь там ссылку «показать больше», чтобы при нажатии на Появятся последние 2 элемента списка?

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   <li style="display:none;">Four</li>
   <li style="display:none;">Five</li>
   <li>Show More</li>
</ul>
25
задан Keith Donegan 30 October 2010 в 21:28
поделиться