<!DOCTYPE html>
<html>
<head>
<script language="JavaScript">
function show( layer ) {
layer.style.display = "inline";
}
function hide( layer ) {
layer.style.display = "none";
}
function switchview( id ) {
var layerobj = document.getElementById( id );
if ( layerobj.style.display == "inline" ) {
hide( layerobj );
} else {
show( layerobj );
}
}
</script>
<style type="text/css">
#node1 {display: none; position: relative; }
#node2 {display: none; position: relative; }
#node3 {display: none; position: relative; }
</style>
</head>
<body>
<div id="node0"><a href="javascript:switchview('node1');">1</a> One<br></div>
<div id="node1">. . <a href="javascript:switchview('node2');">2</a> Two<br></div>
<div id="node2">. . . . <a href="javascript:switchview('node3');">3</a> Three<br></div>
<div id="node3">. . . . . . 4 <a href="http://javascript.ru">Four</a><br></div>
</body>
</html>