Jquery İle Daha Fazla Göster?

Merhaba arkadaşlar,

Jquery ile daha fazla göster butonu nasıl yapabilirim? Veritabanından veri çekmeden normal olarak.

<div class="konu">
<h1>Deneme Başlık</h1>
<p>İçerik alanı burası</p>
</div>

Yukarıdaki döngü içerisinde konularımı listeletiyorum.

Örneğin toplamda 15 konum var. Bunun 10 tanesini gösterip, geriye kalan 5 tanesini Daha fazla göster butonuna tıklayarak göstermesini istiyorum.

Tayfun bir dersi var fakat Veritabanıdan çekerek yapıyor bu işlemi. Aşağıdaki videonun sonundan demek istediğime bakabilirsiniz.

http://www.youtube.com/watch?v=odInrlj9XoA

DÜZENLEME: Tayfun burada mantığını anlatmış.
http://www.youtube.com/watch?v=OxQVLVeHHyU

<div class="fazla">Göster</div>

Bunu da html kodları arasına ekledikten sonra en basit haliyle aşağıdaki şekilde kullanabilirsiniz.

$(document).ready(function() {
    $('.konu').not(('.konu:lt(10)')).hide();
    $('.fazla').click(function() {
        $('.konu').not(('.konu:lt(10)')).show();
        $('.fazla').remove();
    });
});

Daha farklı şekillerde de yazılabilir.

Jquery kütüphanesinin ekli olduğundan emin olun