シンプルな JavaScript を使用して、シンプルな非表示/非表示の div セクションがあります。クリックするとコンテンツの表示を切り替える矢印の画像が必要です。また、コンテンツが非表示の場合と非表示の場合に、小さな矢印で右/下の位置を切り替える必要があります。
HTML コンテンツ:
<a href="javascript:showOrHide();"><img src="Image_Files/Copyright.png" alt="BioProtege Inc" border="0" /></a>
<img src="Image_Files/Copyright_Arrow_Hidden.png" alt="Arrow" border="0" />
<div id="showorhide">
Copyright 2012+ BioProtege-Inc.Net | LG Fresh Designz
<br />
Contact Us @ Lane.Gross@Edu.Sait.Ab.Ca
</div>
JavaScript コンテンツ:
function showOrHide()
{
var div = document.getElementById("showorhide");
if (div.style.display == "block")
{
div.style.display = "none";
}
else
{
div.style.display = "block";
}
}