Multiple sets of 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.
-
$('#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
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!