Eğer sitenizde üzerine tıklanınca açılıp kapanan metinlere yer vermeyi diliyorsanız bu rehberimizi takip edin.
Aşağıda göreceğiniz ilk kodu sitenizin Head bölümüne yerleştirin.İkinci kısımdaki kodu ise bu efekti kullanmak istediğiniz sayfada bir Bileşenler/HTML öğesi içine yerleştirin.
<style type="text/css">
/*<![CDATA[*/
/* Site Efektleri*/
dd {
display: none;
}
/*]]>*/
</style>
<dl>
<dt>
Daha fazla bilgi.. <a href="javascript:return false;" class="closed">Detaylar</a>
</dt>
<dd>
Bu bölüme açılacak metin geliyor.
</dd>
<dt>
Eğer siz.. <a href="javascript:return false;" class="closed">Detaylar</a>
</dt>
<dd>
Bu bölüme açılacak metin geliyor.
</dd>
<dt>
Ve buraya.. <a href="javascript:return false;" class="closed">Detaylar</a>
</dt>
<dd>
Bu bölüme açılacak metin geliyor.
</dd>
</dl>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script><script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("dt").click(function(){ // trigger
$(this).next("dd").slideToggle("fast");
$(this).children("a").toggleClass("closed open");
});
});
//]]>
</script>
Bu şekilde gözükür;-)
- Konuyla ilgili daha fazla bilgiyi buradan alabilirsiniz: Detaylar
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Benimle ilgili daha fazla bilgi almak istiyorsanız: Detaylar
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- BUraya da öylesine birşeyler yazıyorum: Detaylar
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Kod ile ilgili soru ve yorumlarınızı buradan iletin.
sanane (Thursday, 09 March 2017 07:36)
mal gibi insan ekran çıhtısını verir.
`sS~Prestante. (Wednesday, 29 July 2015 21:34)
cox sagolun yapdim ise yaradi
mehmet şahin (Friday, 29 May 2015 13:53)
daha yeni başlayan birisi olarak çok işime yaradı teşekkür ederim.
ancak bu koda font değişikliği nasıl ekleyebilirim. altı çizili olsun istemiyorum ve yazıyı büyütmek istiyorum