Table format Accordian

by Kondal Durgam

HTML

<table class="table">
  <thead>
    <tr>
      <th>Account ID</th>
      <th>Name</th>
      <th>Number</th>
      <th>Owner</th>
      <th>Status</th>
    </tr>
  </thead>
  <tbody>
    <tr class="accordion-toggle" data-toggle="collapse" data-target="#12345-cores">
      <td>12345</td>
      <td>Title of Study</td>
      <td>4444-5555-2222-347012</td>
      <td>Daniel Rader</td>
      <td>Granted</td>
    </tr>
    <tr>
      <td class="accordion-body collapse" id="12345-cores">
        <table class="table">
          <thead>
            <th>Core</th>
            <th>Spending Limit</th>
          </thead>
          <tbody>
            <tr>
              <td>GDL</td>
              <td>2,000.00</td>
            </tr>
            <tr>
              <td>MCS</td>
              <td>15,700.61</td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr class="accordion-toggle" data-toggle="collapse" data-target="#98765-cores">
      <td>98765</td>
      <td>Title of a Longer Study</td>
      <td>4444-5555-2222-366588</td>
      <td>Daniel Rader</td>
      <td>Pending</td>
    </tr>
    <tr>
      <td class="accordion-body collapse" id="98765-cores">
        <table class="table">
          <thead>
            <th>Core</th>
            <th>Spending Limit</th>
          </thead>
          <tbody>
            <tr>
              <td>GDL</td>
              <td>2,000.00</td>
            </tr>
            <tr>
              <td>MCS</td>
              <td>15,700.61</td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr class="accordion-toggle" data-toggle="collapse" data-target="#70235-cores">
      <td>70235</td>
      <td>This is the Title of the long Study</td>
      <td>4444-5555-2222-698112</td>
      <td>Julia Riches</td>
      <td>Granted</td>
    </tr>
    <tr>
      <td colspan='2' class="accordion-body collapse" id="70235-cores">
        <table class="table">
          <thead>
            <th></th>
        ...