title: hide() and show() causes page to jump sporadically
body: <p>I have a table which is populated with details of jobs a user is looking for. The structure is akin to this:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;table class="table-responsive table-hover table-bordered col-sm-12 col-md-6 col-md-offset-1 col-lg-6 col-lg-offset-1" id="resultsTable" border="0" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;
          &lt;tr class="selectable selected"&gt;
              &lt;td class="summary"&gt;A Summary&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="detail" id="32113607" style="display: table-cell;"&gt;This is some detail&lt;/td&gt;
          &lt;/tr&gt;
  &lt;!-- And so on ....................... --&gt;
      &lt;/tbody&gt;&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I then have a function that handles the expand and retraction of the table rows.</p>
  
  <pre><code>$(function () {
  
      //When clicking a row in the table, hide the other rows...
      $("#resultsTable").on('click', '.selectable', function (e) {
          $(this).addClass('selected').siblings().removeClass('selected');
          $(this).siblings().children("td.detail").slideUp();
  
          $(this).next("tr").children("td.detail").slideDown();
      });
  });
  </code></pre>
  
  <p>There's also some basic CSS, but nothing major. This is all in a fiddle here: <a href="http://jsfiddle.net/v9ec3/1176/" rel="nofollow noreferrer">http://jsfiddle.net/v9ec3/1176/</a></p>
  
  <p>The strange thing is, if you start at the bottom and work upwards, it doesn't have any problems. If you start at the top and work down, it will jump partway through one of the records.</p>
  
  <p>Having stepped through this in the dev tools, it looks like jQuery is trying to help in moving to offset the slide. </p>
  
  <p>I have tried:</p>
  
  <ul>
  <li>e.preventDefault()</li>
  <li>e.stopPropogation()</li>
  <li>setting width/height</li>
  <li>setting overflow-y</li>
  <li>animations (i.e. going to id x)</li>
  <li>CSS transitions</li>
  </ul>