title: Javascript slidetoggle reset every interval of ajax function
body: <p>in short,
  i have a <code>html table</code> which has its rows populated by an ajax call, which has a timeout of 1000ms. </p>
  
  <p>on each row there is an additional row below which, on click (<code>slidetoggle</code>), shows additional data from the <code>ajax</code> call (click for more info on list etc, click again to hide)</p>
  
  <p>eveytime the timeout resets &amp; a new call is made, the table is reset &amp; the additional display is not shown by default (<code>css - display: none</code>).</p>
  
  <p>how can i change this to remember which row's slide toggles are open at the time of reset, and stay that way?</p>
  
  <pre><code>$(document).on('click', '.referral', function() {
      $(this).next().slideToggle("slow");
  });
  </code></pre>
  
  <p></p>
  
  <pre><code>.referral //refers to the table rows
  $(this).next() //refers to the additional information display
  </code></pre>