Thanks NogDog for the direction.
Here is one problem (anyone helps?): URL addition when it should be a replacement in the browser location.
For example, when clicking on the tab, the results show like this in the browser location:
index.php?id=1&page=2&page=3&page=1 (and so on whenever clicking on any pane tabs inside the page)
It needs to be index.php?id=1&page=2 to index.php?id=1&page=1 (or 3 or whatever) and so on when clicking on a tab.
Here is the full php:
<?php
$currenturl = $SERVER['REQUEST_URI'];
$currenturl .= (strpos($currenturl, '?') !== false) ? '&' : '?';
$page = isset($GET['page']) ? $_GET['page'] : 1;
?>
<div class="tabpage" id="tabpage">
<div class="tabs">
<a <?=($page == 1) ? 'class="active"' : '';?>href="<?php echo $currenturl; ?>page=1">tab 1</a>
<a <?=($page == 2) ? 'class="active"' : '';?>href="<?php echo $currenturl; ?>page=2">tab 2</a>
[and so on]
</div>
<div class="panes">
<div class="pane" style="display: <?=($page == 1) ? 'block' : 'none';?>">
<div class="pad">
content
</div> .......
Thanks!