Öncelikle unutmadan JQuery kullanacağımız her sayfada kapama taginden hemen önce
< script src="https://code.jquery.com/jquery-1.10.2.js" > < /script >
ekliyoruz. Birkaç alternatifi daha var google'ın, cloudflare'ınki gibi veyahut web sitem çalışırken netten bunların hiçbirini kullanmasını istemiyorum diyorsanız, bu js dosyasının içeriğini projenizin içine indirip, jquery kullanacağınız her sayfanın head'inde bunu kaynak gösterebilirsiniz.
Mesela yukarıdaki yerine şu şekilde ==> src="~/Scripts/jquery-1.10.2.js"
Kısaca bu iki yöntemden biriyle sayfamıza o js'i yüklemeden "ah niye fonksiyonlar çalışmıyor, ama o kadar kod yazmıştım ya" diye ağlamıyoruz :)
Şimdi örnek JQuery fonksiyonlarına bakacak olursak bir butona/dive bastığımızda başka bir divin/yazının açılmasını, butona tekrar bastığımızda da o divin kapanmasını istiyorsak, bunu javascriptle uzun uzun yazmak yerine, hem hide hem show kullanmak yerine, çok kullanışlı bir jquery fonksiyonu olan toggle'ı kullanabiliriz. Bu ve benzeri jquery fonksiyonlarını sayfamızda mutlaka < script > < /script > tagleri arasında yazmalıyız. Bu arada aşağıdaki örnekte butona tıkladıkça bir divi açıp kapattık ama her zaman bunlar bir buton , div olmak zorunda değil, ihtiyacınıza göre aşağıda bunlar yerine img, input, a, h1 vb diğer elementlerin idsini (başına # koyarak) veya classını (başına . koyarak) da kullanabiliriz. Eğer aynı class adına sahip birden çok elementin etkilenmesini istiyorsak mutlaka .divlerin_class_adı şeklinde nokta ile yazmalıyız.
< script>
$( "#tıklanacak_butonun_idsi" ).click(function() {
$( "#acilip_kapanmasini_istediğiniz_divin_idsi" ).toggle( "slow", function() {
// Animation complete.
});
});
< /script >
< /head >
