Jquery’de gösterme gizleme efektleri 3 tanedir. Bunlar show (gösterme), hide (gizleme), toggle (göster/gizle) ‘dır. Şimdi bu efektleri bir örnekle açıklayalım.Örneğin sayfamızda içeriği resim ve yazılardan oluşan bir div objesi bulunsun. Bu objeye butonlar yardımı ile gösterme/gizleme işlevselliği katabiliriz. Bunu için ilk olarak http://arsiv.pilli.com/jquery.js dosyamızı sayfamızın head tagları arasına dahil ediyoruz.

Burada $(“div#panel” ) kodu efekti uyglayacağımız objeyi (id değeri panel olan div objesi) seçiyoruz..show(100) kodu seçili objeyi görünür hale getiriyor parantez içerisindeki değer (100) ile efektin hızını belirliyoruz..hide(100) kodu seçili objeyi gizli durumu getirmemizi sağlıyor..toggle(100) kodu ise hem gizleme hem gösterme işlemi yapıyor.Yani seçili obje gizli ise gösterme işlemi görünür ise gizleme işlemi yapıyor.Son olarak uygulamanın basit bölümünü, butonlarımızı ve objemizi hazırlayarak dersimizi bitiriyoruz.

Burası içeriğimizin bulunduğu div objesi


Kaynak : http://sanalkurs.net/jquey-ile-objeleri-gostermegizleme-3546.html