HTMLとCSSで”ある<a>要素をクリックすると画面全体が暗くなり（フェードで覆い）、 もう一度クリックすると元に戻る”を繰り返すプログラムを組みたく、ネットの記事を参考して”一度クリックすると暗くなる”ところまではできた（下にコードを記しています）のですが、もう一度クリックすると元に戻り、またクリックすると暗くなる・・・という繰り返しをどうすればよいのか分かりません。 <script type="text/javascript"> function fade() { var target = document.getElementById"#〇〇"); target.style.visibility = "visible"; } </script> =========================== ↓クリックしたら現れるフェード <div id="〇〇"></div> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ↓クリックする部分 <a href="javascript:void(0);" onclick="fade();">ここをクリック</a> =========================== ↓CSSでフェードの初期設定をhiddenに #〇〇 { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:～～; opacity:～～; visibility:hidden; } 方法がわかる方がいらっしゃいましたら教えていただけると幸いです。