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.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<script src="http://arsiv.pilli.com/jquery.js" type="text/javascript"></script>



<script type="text/javascript">



function goster()

{



$("div#panel").show(100); 



}



function gizle()

{



$("div#panel").hide(100); 



}



function gostergizle()

{



$("div#panel").toggle(100); 



}



</script>