Oops with the double post but google groups isn't the best application
on the planet so not much i can do there.
Anyways i figured this out so posting, if anyone else has a better way
letme know.
$('#tabs').bind('tabsload', function(event, ui) {
if ( ui.panel.id == 'players' )
{
// Accordion for players \\
$('#players').accordion('destroy');
$('#players').accordion({
autoHeight: false,
collapsible: true
});
}
});
what i do is trigger the init on tabs load then i check the id of the
panel so it don't needlessly run the code all the time. then i have to
destroy the accordion object and recreate it, this is the only way so
far i've gotten it to work, will work if you navigate away and back
again too.
On Sep 2, 11:18 am, Jaggi <[email protected]> wrote:
> Hi,
>
> I have tabs and inside them i have the accordion layout. The problem
> is that the tabs load with ajax so when i load them the accordion
> doesn't work at all. I've tried retriggering the event when a tab is
> clicked but that didn't work either. This is the code i tried using,
> the function is triggered but accordion isn't reinitialised.
>
> $('#tabs ul li:eq(1) a').click( function() {
> $('#players').accordion({
> autoHeight: false
> });
>
> });
>
> Anyone point me the right direction? thanks.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
