Change displaying element
By Marcin Olejarz
There is simple JavaScript which one changes display of elements.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function fn1(){
document.getElementById('info1').style.display = "block";
document.getElementById('info2').style.display = "none";
}
function fn2(){
document.getElementById('info1').style.display = "none";
document.getElementById('info2').style.display = "block";
}
</script>
<style>
div#info1, div#info2 {
display:none;
}
</style>
</head>
<body>
<a onclick="fn1()">First text view</a>
<a onclick="fn2()">Second text view</a>
<div id="info1">
There is some text number 1.
</div>
<div id="info2">
There is some text number 2.
</div>
</body>
</html>