Page dynamique PHP

<script>
function hideShow(id) {
	document.getElementsByClassName('activeLink')[0].className = '';
	document.getElementById(id+'show').className = 'activeLink';
}
</script>

<style>

.liens {
	float:left;
}
.liens a {
	display:block;
}

.show {
	float:left;
	margin-left:50px;
}

.show div {
	display:none;
}

.show div.activeLink {
	display:block;
}
</style>

<div class="liens">
	<a href="#" id="lien1" onclick="hideShow(this.id);">Lien 1</a>
	<a href="#" id="lien2" onclick="hideShow(this.id);">Lien 2</a>
	<a href="#" id="lien3" onclick="hideShow(this.id);">Lien 3</a>
	<a href="#" id="lien4" onclick="hideShow(this.id);">Lien 4</a>
	<a href="#" id="lien5" onclick="hideShow(this.id);">Lien 5</a>
</div>


<div class="show">
	<div class="activeLink" id="lien1show">Texte du premier lien.</div>
	<div id="lien2show">Texte du deuxieme lien.</div>
	<div id="lien3show">Texte du troisieme lien.</div>
	<div id="lien4show">Texte du quatrieme lien.</div>
	<div id="lien5show">Texte du cinquieme lien.</div>
</div>

<style>  
.liens {  
	float:left;  
}  
.liens a {  
	display:block;  
}  

.show {  
	float:left;  
	margin-left:50px;  
}  
</style>  

<div class="liens">  
	<a href="./index.php?page=lien1">Lien 1</a>  
	<a href="./index.php?page=lien2">Lien 2</a>  
	<a href="./index.php?page=lien3">Lien 3</a>  
	<a href="./index.php?page=lien4">Lien 4</a>  
	<a href="./index.php?page=lien5">Lien 5</a>  
</div>  


<div class="show"> 
	<?php 
	if(!isset($_GET['page'])) $_GET['page'] = ''; 
	switch($_GET['page']) { 
		case 'lien1': echo '<div>Texte du premier lien.</div>'; break; 
		case 'lien2': echo '<div>Texte du deuxieme lien.</div>'; break; 
		case 'lien3': echo '<div>Texte du troisieme lien.</div>'; break; 
		case 'lien4': echo '<div>Texte du quatrieme lien.</div>'; break; 
		case 'lien5': echo '<div>Texte du cinquieme lien.</div>'; break; 
		default: echo 'Cette page n\'existe pas.'; 
	} 
   ?> 
</div>