Your html is just wrong... instead

<li><a href="#tabOne"></a>First Tab</li>

try

<li><a href="#tabOne">First Tab</a></li>

--Klaus


On 21 Jan., 21:55, Blakomen <[email protected]> wrote:
> hi guys, pretty new to jquery and jquery ui, just trying out a lot of
> different things. Ive managed to get some tabs displaying nice, but in
> both Opera9.63 and FF3, when you mouse over the label text in the tab
> headers, the cursor changes to the text selector, and clicking won't
> change the tab - instead, you have to click around it. clicking on the
> text doesnt do anything
>
> so functionally it's slightly different to the tabs as seen on the
> demo page, where the entire tab heading is clickable. am I doing
> something wrong, or missing something? here's the code
>
> in my html:
>
> <div id="tabSection">
>         <!--This defines the tab listing-->
>         <ul>
>                 <li><a href="#tabOne"></a>First Tab</li>
>                 <li><a href="#tabTwo"></a>Second Tab</li>
>                 <li><a href="#tabThree"></a>Third Tab</li>
>         </ul>
>         <!--The tabs themselves-->
>         <div id="tabOne">
>                 <p>This is the first tab.</p>
>         </div>
>         <div id="tabTwo">
>                 <p>This is the second tab.</p>
>         </div>
>         <div id="tabThree">
>                 <p>This is the third tab.</p>
>         </div>
>
> </div>
>
> then in my javascript:
>
> $("#tabSection").tabs();
>
> So everything looks right, apart from that one detail. Anyone come
> across this before?
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to