javascript - 可折叠组件、目标和父级

Question

我将bootstrap-collapse.js用于可折叠组件。

我正在尝试做的是通过测试元素本身并遍历其在 DOM 树中的祖先来匹配选择器。

下面是一个html代码示例：

<button type="button" class="btn btn-danger" 
    data-toggle="collapse" 
    data-target="#child">Collapse</button>

<div id="parent" class="parent">
    <textarea id="child">
        asdads
        asdasdas
    </textarea>
</div>​

如您所见，我想折叠.parent的不仅仅是#child.
我该怎么做？
这是 jsfiddle 演示：http: //jsfiddle.net/Re8Av/10/

PS：

data-target=".parent" 不起作用，因为我有很多这些组件。