php - 展开/折叠 div

Question

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

问题是，当我单击一个链接展开一个框时，它会展开所有框。

<div class="postreplycontainer-POST_ID">我曾考虑在类的末尾附加帖子 ID（

这是一个工作示例：http: //jsfiddle.net/Draven/kUhkP/35/

请记住，我不能在每个框中手动编码，因为我是从数据库中提取内容。

编辑：也许有人可以帮助我解决另一个问题。

我想textarea在展开<div>. 我尝试使用与以前相同的技巧（使用.closest但没有用）。

这是示例：http: //jsfiddle.net/Draven/kUhkP/53/

此示例将始终关注第一个<textarea>.

Answer 1

这是小提琴

$("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");
});