Genişletme/daraltma divs

Question

PHP/MySQL tarafından oluşturulan tek bir sayfada birden çok genişletme/daraltma kutunuz var.

Sorun, bir kutuyu genişletmek için bir bağlantıyı tıklattığımda, tüm kutuları genişletir.

Sınıfın sonundaki (<div class="postreplycontainer-POST_ID">) posta kimliğinin eklenmesini düşündüm ancak jQuery'yi değiştirmenin bir yolunu bulmak zorunda kaldığım için bunun işe yarayıp yaramadığından emin değilim.

İşte çalışan bir örnek: http://jsfiddle.net/Draven/kUhkP/35/

unutmayın, ben veritabanındaki içeriği her kutuya değil elle kod çekiyorum çünkü.

DÜZENLEME: Belki birisi ek bir sorunla bana yardımcı olabilir.

<div>'u genişlettiğimde textarea kutusunu odaklamak istiyorum. Daha önce olduğu gibi aynı hile kullanmayı denedim (.closest kullanarak ama işe yaramadı).

İşte örnek: http://jsfiddle.net/Draven/kUhkP/53/

Bu örnek her zaman ilk <textarea> durulacak. Eğer div bir tablo sonra hep olup olmadığını, tüm div'leri erişecek $("div.postreplycontainer") ararsanız

Answer 1

div FIDDLE

$("a.postreply").click(function() { 
    $(this).closest('.blog-container') 
     .find('.postreplycontainer').slideToggle("fast"); 
}); 

var slayt kullanabilirsiniz

Answer 2

Eğer

$("a.postreply").click(function() { 
    $(this).parents('table').next().slideToggle("fast"); 
}); 

o İşte http://jsfiddle.net/kUhkP/39/

Answer 3

Bence bu senin problemin için uygun olmalı.

$("a.postreply").click(function() { 
    $(this).closest('.blog-table').next().slideToggle("fast"); 
});