はてなブログでJavaScriptが使えるというのを知ったので、自分でためしてみました。
コードは、ブラウザでこのページのソースを表示させれば確認できます。
FireFoxをお使いであれば、表示しているページ上のどこかで右クリック→ページのソースの表示をクリックすると、ソースが表示されます。
今回はアコーディオンパネル(タイトルをクリックすると隠れた内容が表示される)を使ってみました。
以下のサイトで紹介されていたコードを一部改変して使ってみました。
https://www.aiship.jp/knowhow/archives/22018
<結果>
以下にアコーディオンパネルを示します。青い部分をクリックすると、隠れた内容が表示されます。
- パネル1
- パネル1の内容
- パネル2
- パネル2の内容
- パネル3
- パネル3の内容
動きのあるページを作るときには使えそうです。
ランキングに参加してます。
よかったらクリックをお願いします。