Javascript 使用动态引导表隐藏子元素

我正在使用我找到的一个动态表示例（bootply）。它基本上是一个具有父子关系的表，因此您可以单击一行，它将下拉另一行。我在这个例子中又增加了一个层次，所以你可以把这个例子看作是父母、孩子、孙子的关系。我的问题是，如果深入两层，然后单击父行，它只会隐藏子行，而不会隐藏孙行。我需要以某种方式修复这个“bug”。。我尝试过将父行包装在div中，并使用href=“#collapse1”将该id放在孙行上，但这不起作用。如有其他建议，我们将不胜感激。这是html

<table class="table table-responsive table-hover">
  <thead>
        <tr><th>Column</th><th>Column</th><th>Column</th><th>Column</th></tr>
    </thead>
    <tbody>
        <tr class="clickable" data-toggle="collapse" id="row1" data-target=".row1">
            <td><i class="glyphicon glyphicon-plus"></i></td>
            <td>data</td>
            <td>data</td>  
            <td>data</td>
        </tr>
        <tr class="collapse row1">
            <td>- child row</td>
            <td>data</td>
            <td>data</td>  
            <td>data</td>
        </tr>
        <tr class="clickable collapse row1" data-toggle="collapse" id="row3" data-target=".row3">
            <td>- child row</td>
            <td>data</td>
            <td>data</td>  
            <td>data</td>
        </tr>
        <tr class="collapse row3">
        <td>- grandchild row</td>
            <td>data</td>
            <td>data</td>  
            <td>data</td>
        </tr>
        <tr class="clickable" data-toggle="collapse" id="row2" data-target=".row2">
            <td><i class="glyphicon glyphicon-plus"></i></td>
            <td>data</td>
            <td>data</td>  
            <td>data</td>
        </tr>
        <tr class="collapse row2">
            <td>- child row</td>
            <td>data 2</td>
            <td>data 2</td>  
            <td>data 2</td>
        </tr>
        <tr class="collapse row2">
            <td>- child row</td>
            <td>data 2</td>
            <td>data 2</td>  
            <td>data 2</td>
        </tr>
    </tbody>
</table>

专栏
数据
资料
数据
-儿童排
数据
资料
数据
-儿童排
数据
资料
数据
-孙子街
数据
资料
数据
数据
资料
数据
-儿童排
数据2
数据2
数据2
-儿童排
数据2
数据2
数据2

---

由于某些原因，无法与fiddle.js一起使用。。但是，如果您转到链接并复制粘贴此代码，您可以复制此问题

你能添加你的JS代码吗？你能在JSFIDLE上用脚本发布你的例子吗，这样有人就可以跟踪这个bug了？由于某些原因，它在fiddle.JS上不起作用，我想发布一个fiddle。。。如果你转到链接并粘贴代码，它会复制我正在处理的问题having@Cory本例中使用的唯一JS来自bootstrap.JS文件本身。原来的海报没有使用额外的JS。这正是我没有发布额外JS的原因。。