扩展/折叠div

Question

我在PHP/MySQL生成的单个页面上有多个扩展/折叠框.

问题是,当我点击一个链接展开一个框时,它会展开所有框.

我想在类的末尾附加帖子ID(<div class="postreplycontainer-POST_ID">),但我不确定这是否会起作用,因为我必须想办法改变jQuery.

这是一个有效的例子:http://jsfiddle.net/Draven/kUhkP/35/

请记住,我无法在每个框中手动编码,因为我从数据库中提取内容.

编辑:也许有人可以帮我解决一个额外的问题.

我想textarea在展开时关注框<div>.我尝试使用与以前相同的技巧(使用.closest但不起作用).

这是一个例子:http://jsfiddle.net/Draven/kUhkP/53/

这个例子总是关注第一个<textarea>.

Answer 1

这是FIDDLE

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