jQuery 또는 CSS3를 사용하여 정렬되지 않은 목록 항목의 수를 변경하려면 어떻게합니까?

Question

안녕하세요, 좋은 스택 오버플로입니다.

나는 중첩되지 않은 목록이없는 목록 항목이 있습니다. 그들은 다음과 같이 :

나는 사용자가 페이지, 말에 표시되는이 목록 항목의 수를 늘리거나 (바람직하게는 좋은 애니메이션) 감소 할 수 있도록하려면, +를 통해 및 - 버튼. jQuery 및/또는 CSS3를 사용하여이 작업을 가장 잘 수행 할 수 있습니까?

Here is my Mako template and linked CSS file (요청시).

Answer 1

다음과 같이 시도해 볼 수 있습니다. 상당히 기초적이지만 작동합니다.

http://jsfiddle.net/CnKXK/