ブートストラップ - 折りたたみ可能な行 - 私たちは

を拡大している非表示のショーの列Iが展開行のリストを一つのテーブルを持っていますマイ<tr>が親で、次の私は、私は2番目の行を非表示にするブートストラップ - 折りたたみ可能な行 - 私たちは

を拡大していた子ですそれが展開されていないとき。以下は、私が私も追加した画像を使用していますコードです：

<tr class="clickable apply-max-width"> 
    <td class="table-tr1-td1 togglebutton" data-toggle="collapse" data-target="#accordion5"><b aria-hidden="true"><img src="../images/plus.png"/></b></td> 
    <td>[email protected]</td> 
    <td colspan="2">WD154590</td> 
    <td>2/1/2017</td> 
    <td>Yes</td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td colspan="2"> 
     <div id="accordion5" class="accordion collapse data-found"> 

      <table class="table table-striped data-table-inner-disabled div-found"> 
       <thead> 
        <tr> 
         <th></th> 
         <th class="">Application</th> 
         <th class="">App Role</th> 
         <th>Workflow Status</th> 

        </tr> 
       </thead> 
       <tbody> 
        <tr> 
         <td class="application-User-inv"><img src="../images/delete_1.png" class="img-responsive" /></td> 
         <td class="application-User-inv">Portal</td> 
         <td>User</td> 
         <td>Pending Approval</td> 
        </tr> 
        <tr> 
         <td class="application-User-inv"><img src="../images/delete_1.png" class="img-responsive" /></td> 
         <td class="application-User-inv">SSR</td> 
         <td>User</td> 
         <td>Provisioned</td> 
        </tr> 
       </tbody> 
      </table> 

     </div> 
    </td> 
    <td></td> 
    <td> 

    </td> 
    <td></td> 
</tr>