Bootstrap - zusammenklappbar Reihe - ausblenden einblenden Reihe, die wir erweitern

Question

ich mit der Liste erweitert Zeile einer Tabelle habe My One <tr> ist Elternteil und als nächstes Kind, das ich

bin erweitert ich die zweite Reihe verstecken wollen wenn es nicht erweitert wird. Unten ist der Code, den ich verwende ich habe auch hinzugefügt Bild: Die rote <tr> ich ausblenden möchten .. Sie können auch die erweiterte <tr> in nächsten Reihen sehen:

<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>joed123@yahoo.com</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> 

Answer 1

Sie sollten versuchen Sie, JQuery wenn möglich hier zu verwenden. Auf diese Weise können Sie mit JS den Status des Anzeigens/Verbergens Ihrer Elemente verwalten, und Sie können den Status in Ihrem Browser speichern.