MissionLiteracyHideText Code

<!--A CONTAINER START-->
<div class="acontain" align="center">
<a class="sh" id="ahtml" onclick="showText('html','css','php','js')" href="javascript:void(0);">HTML</a>
<a class="sh" id="acss" onclick="showText('css','html','php','js')" href="javascript:void(0);">CSS</a>
<a class="sh" id="aphp" onclick="showText('php','html','css','js')" href="javascript:void(0);">PHP</a>
<a class="sh" id="ajs" onclick="showText('js','html','css','php')" href="javascript:void(0);">JavaScript</a>
</div>
<!--A CONTAINER END-->
<!--DIVCONTAINER START-->
<div class="dcontain" align="center">
<br>
<!--HTML DIV START-->
<div class="hide" id="html">
<p class="phtml">
<p class="ttitle">HTML</p>
<br>
<a href="#"><input src="http://s25.postimg.org/ga0s4g1mj/cclogo.jpg" style="width: 130px; height: 50px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/p3roljolb/w3logotest2.png" style="width: 280px; height: 32px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/t2thi42m7/hnlogo.png" style="width: 254px; height: 59px; display:inline-block; margin-right:50px;" type="image" />
</a></p>
<p class="divends">Click on the logo of the website to learn the respective language.</p>
</div>
<!--HTML DIV END-->

<!--CSS DIV START-->
<div class="hide" id="css">
<p class="pcss">
<p class="ttitle">CSS</p>
<br>
<a href="#"><input src="http://s25.postimg.org/ga0s4g1mj/cclogo.jpg" style="width: 130px; height: 50px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/p3roljolb/w3logotest2.png" style="width: 280px; height: 32px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/t2thi42m7/hnlogo.png" style="width: 254px; height: 59px; display:inline-block; margin-right:50px;" type="image" />
</a></p>
<p class="divends">Click on the logo of the website to learn the respective language.</p>
</div>
<!--CSS DIV END-->
<!--PHP DIV START-->
<div class="hide" id="php">
<p class="pphp">
<p class="ttitle">PHP</p>
<br>
<a href="#"><input src="http://s25.postimg.org/ga0s4g1mj/cclogo.jpg" style="width: 130px; height: 50px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/p3roljolb/w3logotest2.png" style="width: 280px; height: 32px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/t2thi42m7/hnlogo.png" style="width: 254px; height: 59px; display:inline-block; margin-right:50px;" type="image" />
</a></p>
<p class="divends">Click on the logo of the website to learn the respective language.</p>
</div>
<!--PHP DIV END-->
<!--JS DIV START-->
<div class="hide" id="js">
<p class="pjs">
<p class="ttitle">JavaScript</p>
<br>
<a href="#"><input src="http://s25.postimg.org/ga0s4g1mj/cclogo.jpg" style="width: 130px; height: 50px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/p3roljolb/w3logotest2.png" style="width: 280px; height: 32px; display:inline-block; margin-right:50px;" type="image" /></a>

<a href="#"><input src="http://s25.postimg.org/t2thi42m7/hnlogo.png" style="width: 254px; height: 59px; display:inline-block; margin-right:50px;" type="image" />
</a></p>
<p class="divends">Click on the logo of the website to learn the respective language.</p>
</div>
<br>
<p class="divends">Click on any language.</p>
<br>
</div>
<!--JS DIV END-->
<!--DIVCONTAINE END-->
<!--CSS START-->
<style>
.phtml {
    display:inline-block;
}
.dcontain {
    background-color:beige;
}
.acountain {
    margin-top:10px;
    border:1px solid black;
}
div.hide {
    display:none;
    font-family:Verdana;
    text-decoration:none;
}
div.show {
    font-family:Verdana;
    text-decoration:none;
}
.sh {
    text-decoration: none;
    font-size:30px;
    font-family:Verdana;
    font-color:blue;
    width:200px;
    height:70px;
    margin-left:20px;
    margin-right:20px;
}
.sh:hover {
    text-decoration:none;
    font-family:Verdana;
    background-color:moccasin;
}
.ttitle {
    text-align:center;
    font-size:40px;
    font-family:Times;
}
.divends {
    font-family:Verdana;
    font-size:20px;
}
</style>
<!--END OF CSS-->
<!--START OF JS-->
<script type="text/javascript">
    function showText(show,hide1,hide2,hide3) {
    document.getElementById(show).className = "show";
    document.getElementById(hide1).className = "hide";
    document.getElementById(hide2).className = "hide";
    document.getElementById(hide3).className = "hide";
}
</script>
<!--END OF JS-->