Problem using equal height columns & jQuery Accordian

Question

I'm using this plugin http://www.cssnewbie.com/equalheights-jquery-plugin/ to give me equal column heights so that I can stick a div to the bottom of a righthand side sidebar.

It's working fine, however in some of my pages I am using a jQuery accordian slider which means there is quite alot of info contained in the accordian even though it is hidden.

The problem is the equalheights plugin doesn't seem to recognise that this info is hidden and therefore is matching the height of the main column as if all the info in the accordion is being displayed, therefore giving me a really long sidebar and a short main content div (as the info is closed up in the accordion drawers).

Can anyone let me know how I might fix this?

Here's my js here -

 //functions to be executed on page load
$(function(){

 //Open all links with rel="external" in new window
 $('a[rel="external"]').click( function() {
   window.open( $(this).attr('href') );
   return false;
    });


 //Alternate Table Colours
    $(function(){
    $("tr:odd").addClass("odd");
 });

 //Equal Column Heights
    $(function(){
 $('#primary-content,#secondary-content').equalCols();
 }); 

in the head of the pages using the accordion I have this code -

<script type="text/javascript">
$().ready(function(){
 $('#list1b').accordion({
  autoheight: false
 });
});

Any help much appreciated! Thanks!

Answer 1

No answer, but I have the same problem. I thought that making the equalHeight call again right after the .show()/.hide()/.accordion() calls would work, but it doesn't seem to for me. You might give it a go, though.