Hej,

Jak zrobić prostą paginację w jquery z radio?

mam coś takiego:

[HTML] pobierz, plaintext 
<ul id="itemContainer">
 
<li>
<div class="box_1">
jakiś tam tekst
</div>
</li>
 
<li>
<div class="box_2">
jakiś tam tekst
</div>
</li>
 
<li>
<div class="box_3">
jakiś tam tekst
</div>
</li>
 
<li>
<div class="box_4">
jakiś tam tekst
</div>
</li>
 
<li>
<div class="box_5">
jakiś tam tekst
</div>
</li>
 
<li>
<div class="box_6">
jakiś tam tekst
</div>
</li>
 
<ul>
 
<div class="pagination">
<label class="pagin">Show</label>
<ul>
<li class="pagin">
<input name="pagination" type="radio" value="0" class="current"><label for="pagination">2</label>
</li>
<li class="pagin">
<input name="pagination" type="radio" value="1"><label for="pagination">4</label>
</li>
<li class="pagin">
<input name="pagination" type="radio" value="2""><label for="pagination">all</label>
</li>
</ul>
</div>
 
[HTML] pobierz, plaintext 

Chciałbym, aby na początku wyświetlały się tylko 2 div'y,
a jak zaznaczę radio z labelem 4 - wtedy pokażą się 4 div'y,
a jak z radio z labelem all - wtedy wszystkie (w tym przypadku 6 div'ów).

Ale najlepiej dynamicznie, czyli z użyciem if,
mniejsze lub równe 2, wtedy wyświetla 2 divy
mniejsze lub równe 4, wtedy wyświetla 4 divy
większe niż 4 wtedy wyświetla pozostałe...

wrzuć to na jsbina.