How to display multiple pages under tabs similar to a Browser tab retaining loaded pages
<p>We have an application where we have a single level navigation menu with some heavy-duty pages on each link. The user can switch back and forth between these pages frequently to obtain information that he needs.</p>

<p>Once the page gets generated, it wouldn't change for the session. However, the page is specific to the user, hence we cant cache it. </p>

<p>I was trying to come up with a solution where we generate the page once, and keep it hidden in the background until its link is clicked, but haven't been able to get my head around this. </p>

<p>One of the ways I thought was to have multiple <code>div</code> tags (one for each page) on one page and keep toggling the <code>visibility</code> as the links are pressed, but that would end up making this single page very heavy. Someone also suggested using <code>iFrames</code>, but I am not really comfortable using the <code>iFrames</code> much and I'm not even sure, if it would be any helpful either.</p>

<p>Can you guys please suggest a few approaches to tackle the issue? </p>

<p><strong>update:</strong> Just to clarify, we are fine with keeping the pages separate and navigate across using a standard menu bar. We were just looking for ways to optimize the performance as we know that the pages once generated wouldn't change and there should be some way to tap that benefit.</p>
