展開/摺疊divs

Question

我在PHP/MySQL生成的單個頁面上有多個展開/摺疊框。

問題是，當我點擊一個鏈接展開一個框時，它展開了所有的框。

我想過在課程末尾添加帖子ID（<div class="postreplycontainer-POST_ID">），但我不確定這是否可行，因爲我必須找出一種方法來更改jQuery。

這裏有一個工作示例：http://jsfiddle.net/Draven/kUhkP/35/

請記住，我可以在每個箱子沒有手動代碼，因爲我拉從數據庫中的內容。

編輯：也許有人可以幫我一個額外的問題。

當我擴大<div>時，我想集中textarea框。我嘗試使用與以前相同的技巧（使用.closest，但沒有奏效）。

這裏的例子：http://jsfiddle.net/Draven/kUhkP/53/

這個例子將始終圍繞第一<textarea>。

Answer 1

這裏的FIDDLE

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

Answer 2

如果你打電話$("div.postreplycontainer")你將訪問所有的div，如果DIV表後總是可以使用

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

滑動該div http://jsfiddle.net/kUhkP/39/

Answer 3

我認爲這應該可以解決您的問題。

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