title: How to reveal hidden rows with jquery?
body: <p>I'm using <a href="http://themergency.com/footable/" rel="nofollow">footable</a> (a jquery script for making tables responsive on mobiles, tablets etc) but i have a problem. Touching-Clicking on expand for every row is kind of unnecessary for my project.</p>
  
  <p>Normally with this code it works:</p>
  
  <pre><code> &lt;table class="footable"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th data-class="expand"&gt;
              First Name
            &lt;/th&gt;
            &lt;th&gt;
              Last Name
            &lt;/th&gt;
            &lt;th data-hide="phone,tablet"&gt;
              Job Title
            &lt;/th&gt;
            &lt;th data-hide="phone,tablet"&gt;
              DOB
            &lt;/th&gt;
            &lt;th data-hide="phone"&gt;
              Status
            &lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
  </code></pre>
  
  <blockquote>
    <p>$(function() {
          $('table').footable();
        });</p>
  </blockquote>
  
  <p>But How can i expand all rows as default ? </p>
  
  <p>Example code on <a href="http://jsfiddle.net/nZEu2/" rel="nofollow">jsfiddle</a></p>