Initialize the content tabs as hidden using
class="ui-tabs-hide"
on the <div> tags
Like:
<div id="TabContainer">
<ul class="tabs">
<li style="list-style-image: none;"><a
href="#pane-1"><span>Pane1</span></a></li>
<li style="list-style-image: none;"><a
href="#pane-2"><span>Pane2</span></a></li>
<li style="list-style-image: none;"><a
href="#pane-3"><span>Pane3</span></a></li>
</ul>
<div id="pane-1" class="ui-tabs-hide">
Pane 1 Contents
</div>
<div id="pane-2" class="ui-tabs-hide">
Pane 2 Contents
</div>
<div id="pane-3" class="ui-tabs-hide">
Pane 3 Contents
</div>
</div>
On Dec 2, 8:37 am, serpicolugnut <[EMAIL PROTECTED]> wrote:
> I'm having an issue getting Jquery tabs to run correctly. I'm using the
> technique described
> athttp://media.jqueryfordesigners.com/jquery-tabs-part2.mov. I've setup a
> test case here:
>
> http://dl.getdropbox.com/u/21984/menu_test_case/tab_test_case.html
>
> The tabs work as expected when they are clicked on, but upon initial load,
> all the tabs are displayed instead of the 1st one.
>
> Any ideas on why this isn't working quite as expected?
>
> --
> View this message in
> context:http://www.nabble.com/Problem-with-Jquery-tabs-tp20792283s27240p20792...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
