jQuery Basit Akordion Menü
ilk olarak P lerin hepsini CSS’den display:none verilir daha sonra h4 altına p’ler açılır örnek olarak:
başlık burada
açıklaması ise burada ve burada :)
başlık burada
açıklaması ise burada ve burada :)
başlık burada
açıklaması ise burada ve burada :)
başlık burada
açıklaması ise burada ve burada :)
şeklinde taslak oluşturuyoruz daha sonra h4lere tıklayınılınca slide down olarak Pler açılıyor.
Kod:
$('div.deneme>h4').on('click', function(){ $('p').slideUp(); $(this).toggleClass('open'); $(this).next('p').slideDown(); });
Ps: jquery kütüphanesi çekmeyi unutma.
Ps2: ayrı div içine almaz ve ya selector belirtmezsen tüm tagleri etkiler.
Ara bul