I need the same. I have tabs which switch on mouseover and when
clicked I need this work as a common link. Unfortunately, tabs plugin
does not generate click event. Therefore I wrote small code which get
an URL from rel attr of the ancors and points the browser to the new
location.
<div id="tabs">
<ul>
<li><a href="#tabs-1" rel="http://www.jquery.com";>Item
1</a></li>
<li><a href="#tabs-2" rel="http://plugins.jquery.com";>Item
2</a></
li>
<li><a href="#tabs-3" rel="http://ui.jquery.com";>Item 3</a></li>
</ul>
<div id="tabs-1">
<img src="img1.jpg">
</div>
<div id="tabs-2">
<img src="img2.jpg">
</div>
<div id="tabs-3">
<img src="img3.jpg">
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('#tabs').tabs({ event: 'mouseover' });
$('#tabs ul li a').click(function () {
location.href = this.rel;
});
});
</script>
Hope this help.
On 22 мар, 20:16, David <omertacod...@gmail.com> wrote:
> Hi all,
>
> Is it possible to if you click a tab i get to a new page ? i've tried
> the option to load a page into the tab content but that's not what i'm
> looking for.
>
> basically if i click on tab 1 it goes to page1.php, tab 2 to page2.php
>
> If someone could help me out ... thanks
