[jQuery] ui.tabs + ajax question

[Alexandre Plennevaux]

Hi friends,

While trying to use the ui.tabs plugin, i noticed with delight that
since the links controlling the tabs are real urls, the plugin
switches to ajax mode.
The thing is, it doesn't quite work yet, and i suspect it's the html
markup that i get wrong, because the tabs are rendered correctly, but
the content does not get fetched. See, i'm not sure how the plugin
understands in which div it must load the fetched html, so i added the
div anchor name in the url, as for non ajax tabs.

Is this correct ?

here is a sample of my markup:

<div id="section_content">
<ul id="tabNav">

<li><a 
href="news.php?todo=overview&filter=current#currentContent"><span>current</span></a></li>
<li><a 
href="news.php?todo=overview&filter=time#timeContent"><span>time</span></a></li>
<li><a 
href="news.php?todo=overview&filter=country#countryContent"><span>country</span></a></li>
<li><a 
href="news.php?todo=overview&filter=type#typeContent"><span>type</span></a></li>

</ul>

<div class="tab" id="currentContent"></div>
<div class="tab" id="timeContent"></div>
<div class="tab" id="countryContent"></div>
<div class="tab" id="typeContent"></div>

</div>


here is my tabs javascript call:

$('#tabNav').tabs({
        fx: {
            opacity: 'toggle',
            duration: 'fast'
        },
        show: updateUI
    });


thank you for your help!

Alexandre