Question

I’m using the Jquery UI Tabs, and have a question.

<div id="ui-tabs">
    <ul>
        <li><a href="#tab-1"><span>My First Tab</span></a></li>
        <li><a href="#tab-2"><span>My Second Tab</span></a></li>
        <li><a href="http://www.someothersite.com/"><span>My Third Tab</span></a></li>
    </ul>
</div>

Is it possible to get that third tab to actually go to the off-site URL when clicked? I tried this, but the link was ignored, so I’m not sure if I’ve done something wrong, or if it’s just not possible as written.

Thanks in advance.

Answer 1

It’s not pretty but this works

    <li><a href="#tabs-3"><a href="http://espn.com">ESPN</a></a></li>

Sample is here http://codepen.io/martypowell/pen/leGaz