title: Liquid (Coda) Slider Height Not Adjusting
body: <p>I am using the <a href="http://liquidslider.kevinbatdorf.com/" rel="nofollow">Liquid Slider</a> (responsive version of Coda Slider) for my portfolio site.</p>
  
  <p>One of the slides is a list of projects/clients. When the user clicks one, they stay in the same slide but the list is swapped out with project details. My thought was to reduce load time by having the content of that slide be swapped out with another HTML page / div brought in by AJAX.</p>
  
  <p>The problem is the height does not adjust for the new content. If you go forward one slide and then back, the height adjusts. If you adjust the window size, the height adjusts.</p>
  
  <pre><code>$(document).ready( function () {
      $("#dc3").click(function (){
              $(".clientlist").hide().load('dc3.html').fadeIn('slow');
          });
  });
  </code></pre>
  
  <p>That worked for swapping the content, but not for adjusting the height. I tried using the height of the replacement div to set the height:</p>
  
  <pre><code>$(document).ready( function () {
      $("#dc3").click(function (){
              $(".clientlist").hide().load('dc3.html').fadeIn('slow');
              $(".liquid-slider").css({'height':($("#content").height()+'px')});
          });
  });
  </code></pre>
  
  <p>But that didn't work either...</p>
  
  <p>I am able to manually set a height, but I would prefer to have the height adjust automatically. There are a few adjustHeight functions in the slider script, but I am not sure how to call that when the content is swapped out.</p>
  
  <p>The staging area for the site is <a href="http://austingriffithphoto.com/newsite" rel="nofollow">here</a>.</p>