Make jQuery equal heights script recalculate with new content
<p>I'm using <a href="http://www.jainaewen.com/files/javascript/jquery/equal-height-columns.html" rel="nofollow">this jQuery plugin</a> to get the main content and sidebar to match heights—which works fine. But I am now updating a member directory page, and I've set up the names to expand from a basic listing to a full listing when they are clicked. However, I can't get the content and sidebar divs to expand and contract with them. </p>

<p>Here's a sample page with dummy content: <a href="http://stylesmithonline.com/AWAD_test/AWAD_directory_test.html" rel="nofollow">http://stylesmithonline.com/AWAD_test/AWAD_directory_test.html</a> (Note: I know I need to move those onClick events to their own function—someone else created the original site, so I've got some cleaning to do). </p>

<p>I tried adding the class "expand" to the links and calling on the function with this:</p>

<pre><code>$(document).delegate('.expand', 'click', function(){
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns();
});
</code></pre>

<p>It works one time if I remove the original call to the function:</p>

<pre><code>$(window).load(function() {
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns();
});
</code></pre>

<p>Also, if I pass in a specific height to the click event, it will work.</p>

<p>Any idea why it's not expanding and contracting the way I want it to?</p>

<p>Thanks,
Scott</p>
