Merhaba jQuery ile daha fazlası yapmak istiyorum örnekteki mantıkla.

http://jsfiddle.net/hQUx8/

Ben bu sistemi portfolio sayfasına uygulamak istiyorum. Son hali bu şekilde

http://i.hizliresim.com/7q6dgv.png yeni ürün ekledikçe uzadığı için sayfam böyle bir çözüm düşündüm.

Takıldığım konu ise ;

<script>
$(function () {
$("div").slice(0, 4).show();
$("#loadMore").on('click', function (e) {
e.preventDefault();
$("div:hidden").slice(0, 4).slideDown();
if ($("div:hidden").length == 0) {
$("#load").fadeOut('slow');
}
$('html,body').animate({
scrollTop: $(this).offset().top
}, 1500);
});
});

</script>

bu koddaki DİV kısımı. benim kodlarım bu şekilde

• Hepsi


• Kendi Ürünlerimiz


• Porselen Gurubu


• Çelik ve Teflon Gurubu


• Elektrikli Ev Aletleri


• Ev Tekstili


• Mobilya Gurubu