展开/折叠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"); 
});