Mesaj #318703 - Riza - jQuery Göster & Gizle

jQuery ile show&hide olayı ile ilgili bir konu açılmıştı , şimdi herhangi bir div’i veya başka bir nesneyi gizleyeceğiz.Anlatımızda sadece dışarıdan Google jQuery kütüphanesine ihtiyacımız var.İşimize bu kütüphaneyi çağırarak başlayalım.

<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:

Üye Girişi Yap