なんか暇だったので、HTMLとJavaScriptを使った裏技を・・・
<script language="JavaScript"> <!-- function switch(a,b){ ObjA = document.getElementById(a); ObjB = document.getElementById(b); ObjA.style.display = "inline"; ObjB.style.display = "none"; } // --> </script> <span id="oa"> <a href="javascript:void(0);" onclick="switch('a','oa')">開く</a> </span><span id="a"> <a href="javascript:void(0);" onclick="switch('oa','a')">閉じる</a><br> 眠い。これは眠い以外のなにものでもない(帰れ<br> </span> <script language="JavaScript"> <!-- function switch(a,b){ ObjA = document.getElementById(a); ObjB = document.getElementById(b); ObjA.style.display = "inline"; ObjB.style.display = "none"; } // --> </script> <span id="[名前1]"> <a href="javascript:void(0);" onclick="switch('[名前2]','[名前1]')">開く</a> </span><span id="[名前2]"> <a href="javascript:void(0);" onclick="switch('[名前1]','[名前2]')">閉じる</a><br> ここに隠す文章を書きます。<br> </span>
解説
[名前1]と[名前2]はどちらも何か自分でわかりやすいものに置き換えてください。もちろん、全角文字が入ってはいけませんし、同じ名前のものが2つ入ってもいけません。
「開く」をクリックしたとき、[名前2]をだして、[名前1]を消します。
「閉じる」をクリックしたときはその逆を行なっています。
なお、このプログラムは、携帯から打ったのでミスがおおいと思われます。あらかじめ御了承を(ぇ
とは言ってもさすがにココの日記、JavaScriptまでは書けないか(ぇ
動作環境
項目 | 内容 |
---|---|
ブラウザ | InternetExplorer6.0 Netscape7.0 Firefox0.8 など |