<ul>
  {{#each this}}
    <li>
      <div>
        {{#is id 'subcol'}}
          <span class="expand">&#9656;</span>
        {{/is}}
        <a href="/content/{{../id}}/{{@index}}">
          {{#if @index}}
            <span class="unit">{{@index}}.</span>
          {{/if}}
          <span class="title">{{title}}</span>
        </a>
        {{#is id 'subcol'}}
          {{> modules_media_tabs_toc-partial contents}} {{! Add Recursively }}
        {{/is}}
      </div>
    </li>
  {{/each}}
</ul>

<ul>
  {{#each this}}
    <li>
      <div>
        {{#is id 'subcol'}}
          <span class="expand">&#9656;</span>
        {{/is}}
        {{#or depth @index}}
          {{#is depth 2}}
            <span>-</span>
          {{else}}
            {{#if depth}}
              <span class="unit">{{parent}}-{{add @index 1}}.</span>
            {{else}}
              <span class="unit">{{@index}}.</span>
            {{/if}}
          {{/is}}
        {{/or}}
        <a href="/content/{{../id}}/{{@index}}">
          <span class="title">{{title}}</span>
        </a>
      </div>
      {{#is id 'subcol'}}
        {{#lt depth 3}}
          {{recursive "modules_media_tabs_toc-partial" contents}}
        {{/lt}}
      {{/is}}
    </li>
  {{/each}}
</ul>

Load toc recursively to a max depth of 3
Load toc recursively to a max depth of 3
