Tengo una pagina html y lo que quiero es que al logearme en la misma pagina se oculte el link de logIn y aparezca el del logOut. Como podria hacerlo?

    <div id='page-wrap'>
	<header class='main' id='h1'>
	<span class="right"><a href='../PHP/signUp.php'>SignUp</a> </span>
	<span class="right" style="display:none;"><a href="../PHP/logout">LogOut</a> </span>
    <span class="right" style="display:none;"><a href='../PHP/logIn.php'>LogIn</a> </span>

Lo que yo estaba haciendo antes era al logearme ir a otra pagina pero lo que quiero hacer ahora es que la misma pagina cambie.

---

@Francisco Romero lo que necesito es que sin cambiar de pagina se me actualice el link de logIn a logOut y para eso tengo entendido que tengo que usar AJAX. 
Respecto a lo que tengo hecho es esto:

    <?php 
		if($_SESSION["login"]){
			echo "<span class="right" style="display:none;"><a href="logout">LogOut</a> </span>";
			echo "<span> Anonimo </span>";
		}else{
			echo "<span class="right" style="display:none;"><a href='logIn.php'>LogIn</a> </span>";
			echo "<span> Erabiltzailea : <?php echo $_SESSION['login']; ?> </span>";
		}
	?>