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" は機能しません。