Forum user: bob@sturim.org

does this only happen in IE?

yeah, I'm trying to load a scrollable inside tabs that are ajax generated -- seems impossible.

Can't seem to get this to work -- my ajax tabs load fine ... but, the nested tabs are not working.

Before I post some code, I'm just wondering if this is possible or not.

thanks

ok -- it was worth a try.

Perhaps it's because you have numerous xhtml validation errors on your page. I would try correcting them and then retesting the page.

http://is.gd/5zS1S

17 in total.

You are re-using CSS ids all over the place. Remember an "id" is used when an item is unique and will only appear once on a given page. Use a "class" when items appear multiple times on a page.

like this

<div class="container-content">

instead of

<div id="container-content">

try removing the trailing comma here

fadeInSpeed: 'slow',

to this

fadeInSpeed: 'slow'

Anyone else have a code sample they could share?

me too. not sure you have have tooltips with dynamically loaded content

I have this code working --http://www.pastie.org/692856 -- You can copy and paste it into an empty html page and presto it will work.

It sets a cookie (using the jquery cookie plugin) -- and when a user returns to the page, it will set the index of the tabs to what ever tab was previously selected.

I now want to improve this code by converting it into a plugin.

Ideally, I'd like to be able to chain the function when I initialized the tabs, like this:

$("ul.tabs").tabs("div.panes > div").rememberTabSelected()

Or something similar.

Can anyone offer some tips on getting started with the conversion?

Thanks,

Rich