Hi,
I am trying to slove a problem. If someone has idea to solve the
problem, I would appreciate.
I uses the fade in-out effect using the following.
$(function() {
$('#tabs > ul').tabs({ fx: { opacity: 'toggle', duration: 'fast' } })
});
The effect works fine but the content in the tabs flashes because in
the CSS, instead of 'display:none', I need to use 'position:
absolute;left: -10000px;' to hide the hidden tab's content
.
The reason I need to use 'position: absolute;left: -10000px;' is that
I need to use Sifr on the hidden tab and If I use 'display:none', Sifr
stops working.
If I don't use fade effect, the conten doesn't falsh and Sifr also
works but ideally, I would like to use fade effect as well as Sifr.
Is there any way to make both Sifr and fade effect work together? or
Do I need to choose whether Sifr or Fade effect?
Sorry for bad english but if someone knows how to solve the problem, I
really appreciate.
Thanks
Slake424
On Feb 2, 8:54 pm, Chris <cpot...@siolon.com> wrote:
> > Thanks Klaus. I think what it is is the CSS necessary to make the
> > scrollbar plugin work.
>
> > .ui-tabs-hide {
> > position: absolute;
> > left: -10000px;
> > display: block;
>
> > }
>
> > If it's set to display: none; then it doesn't flash but the content
> > doesn't show. I did add the class beforehand to the second tabbed
> > area.
>
> > I've updated it athttp://chris-gwen.com.
>
> I know now it's the scrollbar plugin, but I don't know how to get them
> to play together.
