Table of Contentsを使用する

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<nav id="tocArea" class="toc-area">
  <div id="toc" class="toc">
    <header id="tocHeader" class="toc-header" on="tap:tocHeaderText.toggleClass('class' = 'closed-toc'),tocTitle.toggleClass('class' = 'closed-toc'),tocList.toggleClass('class' = 'closed-toc')" tabindex="1" role="navigation">
      <h2 id="tocHeaderText" class="toc-header-text">目次</h2>
      <div id="tocTitle" class="toc-title"><a href="#mainArticleArea">{{.Title}}</a></div>
    </header>
    <div id="tocList" class="toc-list">
      {{.TableOfContents}}
    </div>
  </div>
</nav>