<div>
<div class="content wysiwyg-content">
My design requires several tab controls on the same page as well as some which need to get content via ajax. Also, if possible, is there a way to make the ajax call once one the tab is click and clicked and not make another call when the tab is brought into focus again.<br />
<br />
I have searched for a complete solution which integrates these features but no luck so far. So basically:<br />
<br />
1. I need to use several Tab controls in containers on the same page.<br />
2. The tabs will be a mix of static tabs (content generated via mysql query) and Ajax tabs (content pushed into a tab container after the page is loaded on tab button click).<br />
3. I would like to specify if the tab button should go out and make the ajax call again to update the content when clicked or just show the content retrived in the same way the static tab s behave.<br />
Appreciate your help. Thanks!<br />
3. If the <br />
&nbsp;
</div>
</div>


My design requires several tab controls on the same page as well as some which need to get content via ajax. Also, if possible, is there a way to make the ajax call once one the tab is click and clicked and not make another call when the tab is brought into focus again.

I have searched for a complete solution which integrates these features but no luck so far. So basically:

1. I need to use several Tab controls in containers on the same page.
2. The tabs will be a mix of static tabs (content generated via mysql query) and Ajax tabs (content pushed into a tab container after the page is loaded on tab button click).
3. I would like to specify if the tab button should go out and make the ajax call again to update the content when clicked or just show the content retrived in the same way the static tab s behave.
Appreciate your help. Thanks!
3. If the 
 

JQUERY MIXED AJAX AND STATIC TABS

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.