Hüseyin MERT

Sadece teknoloji değil…

Jquery ile aşağı açılır-kapanır açıklamalar yapmak

tweetle Bunu jQuery 25 Ekim 2009

Sık Sorulan Sorular gibi bir bölüm yapıyorsanız bir sitenize bu tür birşey ihtiyaç duyarsınız. Üzerine tıklandığında açılması tekrar tıklandığında kapanmasını istersiniz. Jquery ile yaptım bunu :) aşağıda kodları ve açıklamaları var.

acilir-kapanir

	$(document).ready(function (){
		// tüm dtleri seçtik
		$("dt").each(function (i){
			// alttaki cevapları bir değişkene atadık
			// burda dikkat edilmesi gereken şey sıralamanın <dt></dt><dl></dl> şeklinde olması
			var cevap = $("dd").eq(i);
			// toggle foksiyonu ile açılır kapanır yapıyoruz
			$(this).toggle(
				function (){
					// üzerine tıklandığında aşağıya açılmasını sağlıyoruz
					cevap.slideDown('fast');
				},
				function (){
					// eğer display:block ise bunu slideUp ile geri kapatıyoruz
					cevap.slideUp('fast');
				}
			);
		});
	});

Yazar: Hüseyin Mert

Etiketler: , , , , ,

Yazının QR Code'u

Yok, Yorum veya Geri izleme

“Jquery ile aşağı açılır-kapanır açıklamalar yapmak” için yorumunuz

Kebikec Böceği var sitede. Yorumlar için Besleme Yorumlar için Besleme(RSS)