jQuery Forum

I have a ui accordion control implemented.  During pageload I do a couple of ajax calls that append content inside some divs.

Then, after pageload, I call the accordion and apply it to the divs with the rendered content:  

1. jQuery( '#accordion' ).accordion({
2.             collapsible: true,
3.             heightStyle: "content"
4.  });

The problem is that the accordion tabs do not conform to the height of their respective content, but all go to the height of the tallest tab.  It is as if heightStyle: "content" option does not fire at all.

I am running jQuery 1.8.2 and UI 1.9.1 with Smoothness Theme.

Any ideas?

Thanks

Jacques.