Opening A New Page, From A Tab
Quick question
I would like to use tabs as my main navigational tool on a site I am
working on. The functionality I am using currently is both the
standard tab functionality (each tab pointing to a div) and also the
AJAX functionality.
However, I need to load other pages, from tabs, which also contain
tabs.
For example:
Page 1 has 5 tabs. In one of the divs, there is an a link which takes
me to Page 2. Page 2 contains tabs. Once of these tabs links back to
Page 1, using AJAX.
The problem is that when I click on the tab that loads Page 1, it
loads it in the tab of Page 2, which completely messes up the page.
What I would like to know is is it possible to use a tab as a link to
load a completely new page, opening it in the same window? I know it
can be done opening it in a new window, but this isn't desirable.
Ideally I'd like the tab in Page 2 to link directly back to Page 1,
instead of loading it in the current tab.
I have pasted my html below, using the supplied function from the
tutorials page in the head section:
$(function() {
$("#tabs").tabs();
});
<div id="tabs">
<ul>
<li><a href="#tabs-1">Home</a></li>
<li><a href="#tabs-2">Development Info</a></li>
<li><a href="#tabs-3">Plots</a></li>
<li><a href="#tabs-4">Disposal Data</a></li>
<li><a href="#tabs-5">View Reservations</a></li>
</ul>
<div id="tabs-1">
</div>
<div id="tabs-2">
<h2></h2>
</div>
<div id="tabs-3">
</div>
<div id="tabs-4">
<h2></h2>
</div>
<div id="tabs-5">
<h2></h2>
</div>
</div>