はてなブログの目次を折りたたんで表示する方法です。
…といっても、すでにだいぶ広まっているものなので自分メモみたいなリンク。
目次を折りたたむ
はてなブログでは「[:contents]」と記述することで、目次を自動生成してくれる機能があります。
しかし項目数が増えると、この目次だけでだいぶ長くなってしまうこともあります。
なんとかならないかと思っていたら、これを下にある画像のように、折りたたんで表示するスクリプトがありました。
たまに見かける折りたたみ目次ですね。
開くとこうなる。
以下のリンクの「最初は隠しておいてクリックしたら表示するようにする」項目にある、JavaScriptとCSSを設定すればOK。簡単。
