jQuery Akordiyon Menü Nasıl Yapılır

Javascript’te akordiyon menü tasarlamanın nasıl yapacağını merak eden web tasarımlarının yolu sihirli jQuery ve CSS’den geçmektedir. jQuery akordiyon menünün yapımı için aşağıdaki basit adımları uygulamanız yeterlidir. 

Adımlar:

1) jQuery kullanımı için web sayfasını yapılandırın. Öncelikle Google kod sitesine gidin. Ardından Google Developers sayfasına geçiş yapın, açılan sayfada arama kısmına “Hosted Libraries(Barındırma Kütüphanesi)” yazıp aramaya tıklarsanız ilk çıkan sayfa Hosted Libraries sayfası olacaktır. Bu sayede buradan Google tarafından sağlanan jQuery kütüphanesine erişmeniz için gerekli kodu alabileceksiniz.  

2) Etiketler arasına kodu koyun. ……. etiketlerinin arasına yukarıdaki resimde görüldüğü gibi kodu yerleştirin.

3) HTML yapısını tanımlayın. Akordiyon menüde yer alacak menüleri tanımlayacağınız kodları yazın. Yukarıdaki resimde görüldüğü gibi menüleri ve o menülere ait alt menüleri oluşturun.  

4) jQuery kütüphanesinin kod talebinden sonra, sizin oluşturduğunuz jQuery fonksiyonunu ekleyin.

5) CSS stillerinden önce önizleme yapın.