Using tabs with opacity and AJAX content

Using tabs with opacity and AJAX content


Hi,
I am having an issue where if I use "fx: { opacity: 'toggle' } "
with tabs loading content via AJAX that I get a flicker.
The flicker is the content load before the opacity effect occurs.
I have been trying to figure out how to eliminate that. If anyone has
suggestions that would great
Some code snippet
$("#staticPortfolios > ul").tabs( { fx: {opacity: 'toggle' } });
<ul >
<li><a href="myfile.html" title="portfolioDetails"
target="staticInfo"></li>
</ul>
<div id="staticPortfolios" >
<div class="ui-tabs-panel">
    <div id="portfolioDetails"></div>
</div>