Tabs + Accordion + Tab FX
Hi Everyone,
I am new to jQuery, but up until now I have been pretty self
sufficient when coming across an issue. However, this one has me
stumped, and I was hoping that I could get some advice to set me back
on the right direction to figure out what's going on.
So I have a 4 forms that I have arranged within 2 jQuery UI tabs with
2 Accordions each. Now my client would like more distinction when
switching tabs, so I have been trying to implement the following
$(function) {
$("#tabs").tabs({
fx: {
height: 'toggle',
opacity: 'toggle'
}
});
}
This works perfectly in Google Chrome, but no other browser. In
Firefox the accordion element fade out gracefully, but the input
elements do not. In IE6 the accordion elements do not fade out at all.
In both Firefox and IE6 you can see the height fx for the tabs panel
work, but this animation is not applied to the Accordion elements
within. Would anyone have any idea on what I am doing wrong? Thanks so
much in advance...