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.