my html

<script>
function hideElementsByClass(className)
{
    var all = document.all ? document.all : document.getElementsByTagName('div');
    for (var e = 0; e < all.length; e++)
    if (all[e].className == className)
    all[e].style.display = "none";
    return;
}

function show(divName)
{
    var page=document.getElementById(divName);
    hideElementsByClass(page.className);
    page.style.display = "block";
    return true;
}
</script>
<table border="3" bgcolor="red">
<tr>
<td><a onclick="return show('home')">Home</a></td> //You can change this line to <a href=""></a> if you want.
<td><a onclick="return show('TheBlog')">Blog</a></td>
</tr>
</table>
<div class="page" id="home">
//Home stuff here.
</div>
<div class="page" id="TheBlog">
<?Blog?>
</div>