jQueryを使わずにクリックで表示非表示を切り替える

Yukimi Sato 707views 更新:2014年7月14日

こちらのページを参考にしました。
http://tenderfeel.xsrv.jp/javascript/61/

HTML

<a href="javascript:Toggle('A')">Sample</a>

JS

<script type="text/javascript">
<!--
function Toggle(id) {
 div = document.getElementById(id);
 switch (div.style.display) {
  case "none":
   div.style.display="block";
   break;
  case "block":
   div.style.display="none";
   break;
 }
}
//-->
</script>

単純にクリックして開閉を切り替えるだけになります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません