title: Footable expand only 1 row at a time
body: <p>Im using Footable for my data. <a href="https://fooplugins.github.io/FooTable/docs/examples/basic/row-toggle.html" rel="nofollow noreferrer">here's an official example</a>.
  With beakpoints i can hide some data and expand it when necessary...
  But i want to expand one row at a time and close the other expanded rows.</p>
  <p>With Footable i figured out i can access the event of expanding a row like:</p>
  <pre><code> $(&quot;#footableID&quot;).on(&quot;expand.ft.row&quot;, function (e, ft, row) {
      var rows=$('#footableID tbody').children(&quot;tr&quot;);
      // hide expanded data
  });
  </code></pre>
  <p>but i cant find a way to hide the expanded rows...
  I tried removing the data-expanded=&quot;true&quot; attribute to the rows,but that dosnt seems to work...
  also, im not sure if children is the best way to access the rows</p>