This code is pretty useful for show-hiding content.
This is how it works:
This is the complete code:
<script language="javascript">
function toggle(showHideDiv, switchTextDiv) {
var ele = document.getElementById(showHideDiv);
var text = document.getElementById(switchTextDiv);
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Click me >>";
}
else {
ele.style.display = "block";
text.innerHTML = "Hide me <<";
}
}
</script>
<div id="headerDiv">
<div id="titleText"> </div>
<strong><span style="font-size: 14pt; font-family: Arial;"><a id="myHeader" href="javascript:toggle('myContent','myHeader');">Click me >> </a></span></strong></div>
<div style="clear:both;"> </div>
<div id="contentDiv" style="background-color: #F6F6F2; border: 1px solid #CCCCCC; padding-left:10px; padding-right:10px;">
<div id="myContent" style="display: none;">
Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...Content to display...
</div>
</div>
Post new comment