QUERY ile Yazının Devamını/Tamamını Görüntüleme

Zeki

Detay

14 Kasım 2021

Hani yazının bir bir bölümünü gösterip devamını oku özelliği getiririz ya bunun bazı metodları vardır. Fakat en kolayı aşağıdaki jquery kodunu eklememiz

Öncelikle <head> tagları arasına aşağıdaki kodumuzu ekliyoruz.

Kod:

<script type=”text/javascript” src=”js/jquery.js”></script><script type=”text/javascript”>

$(document).ready(function() {$(“span.devam”).hide();
$(‘<a>Tamamını görüntüle &gt;&gt;</a> ‘).insertBefore(‘.devam’);
$(“a.reveal”).click(function(){
$(this).parents(“p”).children(“span.devam”).fadeIn(2500);
$(this).parents(“p”).children(“a.reveal”).fadeOut(600);
});
});
</script>

Burada bulunan jquery.js kütüphanesini BURAYA TIKLAYARAK edinebilirsiniz. Ayrıca jquery resmi sayfasındanda indirebilirsiniz.

Yazmış olduğumuz scriptte bir devam adında span classı oluşturduk.Bu sayede  GIZLENECEK METIN  arasında yazdığımız metin gizlenecek ve tamamını görüntüle’ye basıldığında ise efektli bir şekilde sayfa içerisinde açılacak.

Bu metin sayfanın ilk açıldığında gözükür. buradaki metin ise tamamını görüntüye basıldıktan sonra gözükür.

Ara

Ara

QUERY ile Yazının Devamını/Tamamını Görüntüleme

Zeki

Benzer konular

Tema özelleştirme sistemi

Gece/Gündüz modunu seç

Tam ekran yada dar ekran

Izgara yada normal mod

Forum arkaplan resimleri

Sidebar blogunu kapat/aç

Yapışkan sidebar kapat/aç

Radius aç/kapat

6.4K

19.3K

9.6K

mustafacandan73