<script></script>[COLOR=#333333][FONT=Verdana]Sonra ise bu scriptin hangi divi , ne yapacağı ile ilgili kodları yazalım
[/FONT][/COLOR]
<script>
$(document).ready(function(){
$(".kayar").hide(); // Kayar'ı gizleyecek.
$(".buton").show(); // display:none verdiğimiz butonu gösteriyoruz
$('.buton').click(function(){ //Buton a tıkandığında
$(".kayar").slideToggle(); // .kayar divini slide ile acıcak.
});
});
</script>[COLOR=#333333][FONT=Verdana]Sonra ise bu butonlar kuru kuruya gitmez , zaten css eklemezsek neyin ne olduğunu anlamamız güçleşecek , en iyisi bunlara birde stil verelim diyip [/FONT]css kodlarımızı da yazıyoruz ;
[COLOR=#333333][FONT=Verdana]
[/FONT][/COLOR]
[COLOR=#333333][FONT=Verdana]
[/FONT][/COLOR][COLOR=#333333][FONT=Verdana]son olarak gelelim , üzerinde calıstıgımız objeleri eklemeye ;
[/FONT][/COLOR]
Gizle/Göster
İçeriğinizi buraya yerleştirebilirsiniz.[COLOR=#333333][FONT=Verdana]
[/FONT][/COLOR]
[/COLOR]
[COLOR=#333333][FONT=Verdana][COLOR=Black]Son olarak çalışmamız bu şekilde olacak , isterseniz fonksiyonları kurcalayarak geliştirebilirsiniz.[/COLOR][/FONT][/COLOR]
[COLOR=Black]
Kaynak : http://32byte.org/jquery-gizle-goster-show-hide.html[/COLOR]Ek Olarak:
