Daha önce bu başlıkda basit bir açılır, kapanır menü yapmıştık. Şimdi ise aynı biçimde 3 satır kod yazarak dikey(vertical) menü yapıyoruz.. Örneği Buradan İnceleyebilirsiniz. Örneği olduğu gibi kaydedebilir, ya da kaynak kodları bir text dosyasında, .html dosyası olarak kaydederek deneyebilirsiniz.. JQUERY kodlarımız aşağıdaki gibidir…
JQUERY ve CSS ile basit açılır menü… Örneği Buradan İnceleyebilirsiniz.. İlgili sayfanın kaynak Kodlarına bakarak kodları kopyalayıp, html sayfası olarak kaydetmeniz yeterli olacaktır… Üst öğemizin arka plan resmi ise aşağıdaki gibidir. HTML sayfanızın yanına kopyalamanız yeterli olacaktır.. $(document).ready(function(){ $(“.icerik”).hide(); $(“h2.ustoge”).click(function(){ $(this).toggleClass(“active”).next().slideToggle(“fast”); }); }); H2, class ustoge olan tagımızın click olayına icerik tagımızın acılmasını sağladık.. slideToggle(“fast”) yerine slideToggle(“slow”) [...]
