[jQuery] Multiple tabs on one page..?

[jQuery] Multiple tabs on one page..?


Hey all,
There's a few ways that I could pull off this kind of effect... But I have
used the jUI Tabs plugin -
www.webhero.co.uk/test
The problem is, as you may find, that not all of the tabs work correctly!
The first 2 or 3 do, but the last never does - and for what seems to be no
reason!
I want to keep this fading effect on open and closing, and I would also like
the tabs to start off closed, but it doesn't seem to work.
[code]    
$('#1 > ul, #2 > ul, #3 > ul, #4 > ul').tabs({ selected: null }); // start
with all tabs hidden
$('#1 > ul, #2 > ul, #3 > ul, #4 > ul').tabs({ unselect: true, fx: { height:
'toggle', opacity: 'toggle'} }); // selected tab closes on click
[/code]
Although, when everything is included on the one page without the main
template etc. it works fine..! - http://www.webhero.co.uk/test2.php
Could something be interfering?
edit: (it seems to be where the #bg overlaps that last tab in the
background? I'm not sure.. but if that is why, how can I fix?!)
Thanks for your help!
--
View this message in context: http://www.nabble.com/Multiple-tabs-on-one-page..--tp18212017s27240p18212017.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.