jQuery UI tab slide and fade effect
Is this achievable?
i have a tab page like this...
<div id="tabs">
<ul>
<li><a href="#tab-1">tab 1</a></li>
<li><a href="#tab-2">tab 2</a></li>
<ul>
<div id="tab-1">xxx</div>
<div id="tab-2">xxx</div>
I've tried this function
$('#tabs').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' });
but that only makes it switch between tabs with no effects at all.
i like it to fadeOut/slideDown on clicking on another tab.