jQuery Forum

I have a set of tabs. When I click a tab the initial page loads. Inside this initial page are links and buttons.

When I click one of these links or buttons I want the content of that tab to change to the content linked to by the link or button. How do I do that.

 

Here's how I have my tabs setup:

 

<div id="tabs">
<ul>
<li><a id="tabLink1" href="another1file.html" title="Tab1 Page">tab1</a></li>
<li><a id="tabLink2" href="another2file.html" title="Tab2 Page">tab2</a></li>
<li><a id="tabLink3" href="another3file.html" title="Tab3 Page">tab3</a></li>

</ul>
<div id="Tab1_Page">
<p>Tab 1</p>
</div>
<div id="Tab2_Page">
<p>Tab 2</p>
</div>
<div id="Tab3_Page">
<p>Tab 3</p>
</div>
</div>

 

Now, if another3file.html contains a link to anotherfile4.html, I want it to load in the panel of the same tab.

I've tried a few things but I can't get it to work. Any help/sugestion would be greatly appreciated

 

Thanks