[jQuery] Jquery Tabs + Minimal CSS Requirements
Hi
I'm looking for a nicely degradable, compliant tab solution for a site
I'm working on. I've heard a lot about jquery, and have viewed the
demos - one of which is a nice tab widget... so I thought I'd hit
gold.
I'm a little confused though. I tried to play around with the example
code (which makes use of the 'JQuery UI Tabs 3' feature), but I
couldn't get the tabs to work at all.
I was pretty stumped for quite a while - because no matter which way I
included jquery + core ui + tabs ui files, I was always presented with
un-tabbed content. I eventually realised that some the functionality
of the tabs is dependent on CSS. In the case of the example it seems
that the code is very much dependant on the flora.tabs.css file.
My question is this: when I make use of the tabs UI widget - is the
general idea to include the flora.tabs.css files - and amend this with
my own theming; or is there a documented minimal amount of CSS that
can be included to get the tabs functioning?
I played around with adding...
.ui-tabs-hide {
display: none !important;
}
... and while it will produce the tabbed effect - the content is
flashed un-styled for a brief period before the page is finally
rendered.
Maybe the basic hiding / showing of dom-elements be carried out using
jquery syntax, rather than relying on CSS??
Sorry if all of this has been covered before - or if I'm missing the
point...
Luke