Új hozzászólás Aktív témák

• #2481 trisztan94 őstag

  Új Válasz 2013-07-08 13:01:42 #2481

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  trisztan94

  őstag

  Sziasztok!

  Van egy táblázatom:
  <table id="children-prices">
  <tr class="table-header collapse">
  <th colspan="4">Header</th>
  </tr>
  <tr class="table-header">
  <th>Sub-header1</th>
  <th>Sub-header2</th>
  <th>Sub-header3</th>
  <th>Sub-header4</th>
  </tr>
  <tr>
  <td>Info</td>
  <td>Price</td>
  <td>Price</td>
  <td>Price</td>
  </tr>
  <tr>
  <td>Info</td>
  <td>Price</td>
  <td>Price</td>
  <td>Price</td>
  </tr>
  </table>

  Arra szeretnék egy olyat kötni, hogy ha a header-re (.collapse) kattintunk akkor eltűnik a többi sor, ha megint akkor visszajön..

  Na én ezt így oldottam meg:
  $('.collapse').on('click', function() {
  $(this).parent().children('tr:not(.collapse)').slideToggle();
  });

  De sztem ez így baromi ronda.. Nem lehet ezt szebben megoldani?

  jsFiddle példa

Új hozzászólás Aktív témák