nekatsu https://blog.hatena.ne.jp/nekatsu/ ねかつちう。 https://www.nekatsu.com/ Wordpress Wordpressで高機能な追従目次を作成する方法を、備忘録を兼ねてシェアします。 スクロールにあわせてサイドバー内で目次が追従するほか、H2～H4タグをアコーディオンで入れ子にして、なおかつスクロールにあわせてアコーディオンが自動開閉します。 なお、以下で紹介するコードは、Creator Clipさんで公開されているものをベースに一部改変したものとなります。こちらのオリジナルのコードにアコーディオンの自動開閉機能を加えたのが本記事の特長となります。 DEMO サンプルコード ではまず、サンプルコードから。 JavaScript（jQuery） 以下のコードをJavaScriptファイルとして… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.nekatsu.com%2Fentry%2Fauto-mokuji" title="【WordPress】アコーディオンが自動開閉する追従目次の作り方 - ねかつちう。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nekatsu/20180204/20180204032454.png Hatena Blog https://hatena.blog 2021-09-27 08:00:00 rich https://www.nekatsu.com/entry/auto-mokuji 1.0 100%