Switching from multiple pages being loaded into div to all divs being stored on one page
<p>Hi everyone I'm currently using a basic div framework that loads data from other pages into a div. But now I want to move towards a solution where all the div content is stored and accessed on one <strong>HTML</strong> page. I've been thinking about using jQuery tabs. How would I go about implementing this solution. </p>

<p>Here is the code I'm currently using below:</p>

<pre><code>&lt;?php
if(isset($_GET['page'])){
  $page=$_GET['page'];
}else{
  $page='home';
}
?&gt;

&lt;div class="container"&gt;
  &lt;div class="header"&gt;
  A Basic Div Framework
  &lt;/div&gt;
  &lt;div class="nav"&gt;
    &lt;div class="&lt;?php if($page=='home'){echo 'nav-button-mark';}else{echo 'nav-button';} ?&gt;"&gt;&lt;a href='?page=home'&gt;首页 home&lt;/a&gt;&lt;/div&gt;
    &lt;div class="&lt;?php if($page=='page1'){echo 'nav-button-mark';}else{echo 'nav-button';} ?&gt;"&gt;&lt;a href='?page=page1'&gt;网页一 page 1&lt;/a&gt;&lt;/div&gt;
    &lt;div class="&lt;?php if($page=='page2'){echo 'nav-button-mark';}else{echo 'nav-button';} ?&gt;"&gt;&lt;a href='?page=page2'&gt;网页二 page 2&lt;/a&gt;&lt;/div&gt;
    &lt;div class="&lt;?php if($page=='page3'){echo 'nav-button-mark';}else{echo 'nav-button';} ?&gt;"&gt;&lt;a href='?page=page3'&gt;网页三 page 3&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="content"&gt;
  &lt;?php
  switch($page){
  case 'home':
    echo '&lt;h1&gt;Home Page Content&lt;/h1&gt;';
    echo '&lt;h3&gt;$_GET&lt;/h3&gt;&lt;pre&gt;';print_r($_GET);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_POST&lt;/h3&gt;&lt;pre&gt;';print_r($_POST);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_SESSION&lt;/h3&gt;&lt;pre&gt;';print_r($_SESSION);echo '&lt;/pre&gt;';
    break;
  case 'page1':
    echo '&lt;h1&gt;Page 1 Content&lt;/h1&gt;';
    echo '&lt;h3&gt;$_GET&lt;/h3&gt;&lt;pre&gt;';print_r($_GET);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_POST&lt;/h3&gt;&lt;pre&gt;';print_r($_POST);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_SESSION&lt;/h3&gt;&lt;pre&gt;';print_r($_SESSION);echo '&lt;/pre&gt;';
    break;
  case 'page2':
    echo '&lt;h1&gt;Page 2 Content&lt;/h1&gt;';
    ?&gt;
    &lt;form method="post" action="?page=page3" /&gt;
    &lt;input type='text' size='40' name='user-input' /&gt;
    &lt;input type='submit' name='mysubmit' /&gt;
    &lt;/form&gt;
    &lt;?php
    echo '&lt;h3&gt;$_GET&lt;/h3&gt;&lt;pre&gt;';print_r($_GET);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_POST&lt;/h3&gt;&lt;pre&gt;';print_r($_POST);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_SESSION&lt;/h3&gt;&lt;pre&gt;';print_r($_SESSION);echo '&lt;/pre&gt;';
    break;
  case 'page3':
    if(isset($_POST['mysubmit'])){
      $_SESSION['user-input']=$_POST['user-input'];}
    echo '&lt;h1&gt;Page 3 Content&lt;/h1&gt;';
    echo '&lt;h3&gt;$_GET&lt;/h3&gt;&lt;pre&gt;';print_r($_GET);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_POST&lt;/h3&gt;&lt;pre&gt;';print_r($_POST);echo '&lt;/pre&gt;';
    echo '&lt;h3&gt;$_SESSION&lt;/h3&gt;&lt;pre&gt;';print_r($_SESSION);echo '&lt;/pre&gt;';
    break;
  default:
    echo '&lt;h1&gt;Error: Unknown Page!!&lt;/h1&gt;';
    break;
  }
  ?&gt;
  &lt;/div&gt;
</code></pre>
