Javascript 可折叠组件、目标和父级

我使用的是可折叠组件

我试图做的是通过测试元素本身并在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>​

折叠
阿斯达
阿斯达斯达斯
​

正如您所看到的，我希望折叠

。父项

，而不仅仅是子项
我该怎么做？
以下是JSFIDLE演示：

附言：

data target=“.parent”不起作用，因为我有很多这样的组件