title: Expand/collapse all rows on a table by a button
body: <p>I found a solution to collaps the rows in my table. But i can not make a button that expand and collapse all at the same time by a single click.</p>
  
  <p>Can any one help me to find a minimalistic solution?</p>
  
  <p>For Live-Demo you can use: <a href="http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_collapsible_listgroup" rel="nofollow">use for live demo</a> (by copying the code below)</p>
  
  <p>Thanks.</p>
  
  <p><strong>UPDATE:</strong>
  I just need to expand and collapse (hide and show) all the "SIGNALS". The "FRAMES" must be shown all the time. 
  A button for expand_all and a button for collaps_all would also be fine.</p>
  
  <p><strong>UPDATE 2:</strong>
  It has to be the same like this: <a href="http://output.jsbin.com/ALudAWE/4/#" rel="nofollow">expand/collaps all</a> but just for tables.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;&lt;html&gt;
  &lt;script src="http://code.jquery.com/jquery-2.2.2.min.js"&gt;&lt;/script&gt;
  &lt;/script&gt;&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
          $('.expandable').click(function () {
                  $(this).nextAll('tr').each( function() {
                          if($(this).is('.expandable')) {
                                  return false; }
                          $(this).toggle();
                  });
          });
  
          $('.expandable').nextAll('tr').each( function() {
                  if(!($(this).is('.expandable')))
                  $(this).hide();
          });
  });
  &lt;/script&gt;&lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Restbus for CAN based on AUTOSARr4.1&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h2&gt;RSS&lt;/h2&gt;
  &lt;button id="click_for_show_all"&gt;Show/Hide all&lt;/button&gt;
  &lt;form action="/cgi-bin/check.cgi"&gt;
  &lt;table border="1"&gt;
  &lt;tr bgcolor="#fb9d00"&gt;
  &lt;th&gt;FRAMES&lt;/th&gt;
  &lt;th&gt;ID&lt;/th&gt;
  &lt;th&gt;LENGHT/B&lt;/th&gt;
  &lt;th&gt;CAN-FD?&lt;/th&gt;
  &lt;th&gt;SET&lt;/th&gt;
  &lt;th&gt;SIGNALS&lt;/th&gt;
  &lt;th&gt;POS&lt;/th&gt;
  &lt;th&gt;LENGTH/b&lt;/th&gt;
  &lt;th&gt;select:&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr class="expandable"&gt;
  &lt;td&gt;&lt;strong&gt;BkUpSysPwrMdGrp_MSG&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;837&lt;/td&gt;
  &lt;td&gt;1&lt;/td&gt;
  &lt;td&gt;true&lt;/td&gt;
  &lt;td&gt;&lt;input type="checkbox" name="837" value="0.25" checked&gt;&lt;/td&gt;
  &lt;tr&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;
  &lt;td&gt;&lt;span title="Backup System Power Mode Group : Backup Power Mode Invalid
  "&gt;IBkupPwrMdMstr_Inv&lt;/span&gt;&lt;/td&gt;
  &lt;td&gt;3&lt;/td&gt;
  &lt;td&gt;1&lt;/td&gt;
  &lt;td&gt;&lt;select name="value"&gt;&lt;option value="0"&gt;FALSE&lt;/option&gt;
  &lt;option value="1"&gt;TRUE&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
  &lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;
  &lt;td&gt;&lt;span title="Backup System Power Mode Group : Backup Power Mode Master Enabled
  "&gt;IBkupPwrMdMstrEn&lt;/span&gt;&lt;/td&gt;
  &lt;td&gt;4&lt;/td&gt;
  &lt;td&gt;1&lt;/td&gt;
  &lt;td&gt;&lt;select name="value"&gt;&lt;option value="0"&gt;FALSE&lt;/option&gt;
  &lt;option value="1"&gt;TRUE&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
  &lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;
  &lt;td&gt;&lt;span title="Backup System Power Mode Group : System Backup Power Mode
  "&gt;IBkUpSysPwrMd&lt;/span&gt;&lt;/td&gt;
  &lt;td&gt;7&lt;/td&gt;
  &lt;td&gt;3&lt;/td&gt;
  &lt;td&gt;&lt;select name="value"&gt;&lt;option value="0"&gt;OFF&lt;/option&gt;
  &lt;option value="1"&gt;ACC&lt;/option&gt;
  &lt;option value="2"&gt;RUN&lt;/option&gt;
  &lt;option value="3"&gt;PROPULSION&lt;/option&gt;
  &lt;option value="4"&gt;START&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
  &lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/tr&gt;
  &lt;tr class="expandable"&gt;
  &lt;td&gt;&lt;strong&gt;C8_LRRODP_Brst1_PCSM_MSG&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;1896&lt;/td&gt;
  &lt;td&gt;8&lt;/td&gt;
  &lt;td&gt;true&lt;/td&gt;
  &lt;td&gt;&lt;input type="checkbox" name="1896" value="16.08" checked&gt;&lt;/td&gt;
  &lt;tr&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;&lt;td&gt;
  &lt;td&gt;&lt;span title="Long Range Radar Object Detection and Processing Burst 1 Protected Counter Sync Message
  "&gt;ILRRODP_Brst1_PCSM&lt;/span&gt;&lt;/td&gt;
  &lt;td&gt;0&lt;/td&gt;
  &lt;td&gt;64&lt;/td&gt;
  &lt;td&gt;&lt;input type="number" name="value" value="0" min="0.0" max="1.8446744073709552E19"&gt;&lt;/td&gt;
  &lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;br&gt;&lt;input style="font-size:25px" type="submit" value="START"&gt;
  &lt;/form&gt;
  &lt;button style="font-size:25px" type="button" onclick="alert('Please simple use the browser inbuilt search funktion. (CTRL+F)!')"&gt;SEARCH&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>