jQuery Basit Akordion Menü

20 Mayıs 2015alicanatas

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.

Leave a comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Önceki Yazı Sonraki Yazı