■ボタンをクリックすると画像が消え、再度クリックで表示されます。
とても短いソースなのにスゴイことのできるJavaScriptが、私は大好きです。
原本はtableの行を消したり出したりするJavaScriptなのですが、divで作成した空間を消したり出したりできるように改造しました。
デッカイ画像も、だらだら長いテキストエリアも、ボタン一発で手品のように消すことができます。
最初から中身が表示されているパターンと、最初は閉じているパターンの2通りあります。
このページのJavaScriptのソース自体も、この一発開閉のボタンで表示してみました。
当サイトのソースをコピペする方法としては、いままでのように小さい方がいいか、今回のようにデカい方がいいか考え中です。もしご意見があれば、「連絡」の方からお知らせください。
なければ、次回からはいままでどおりに小さい方でいこうと思います。大きい方でいきます。
なお、見本のソースには画像もテキストエリアも入っていません。divで作った赤と青の四角が表示されます。
中身は自分の画像などを入れてみて下さい。
原本はNEVER★EVERから。