No notes defined.

<section class="c-facet js-facet">
  <header>
    <h3>Subject ({{facet.total}})</h3>
    <button type="button" class="c-facet__toggle-list js-facet__toggle-list" aria-label="filters" aria-expanded="false"></button>
  </header>
  <ul class="c-facet__list js-facet__list" hidden>
  {{#each facet_items}}
    <li><input id="facet-item-{{facet.itemnumber}}" type="checkbox" name="subject" value="{{facet.itemlabel}}"><label for="facet-item-{{facet.itemnumber}}">{{facet.itemlabel}} <span class="c-facet__item-total js-facet__item-total">({{facet.itemtotal}})</span></label></li>
  {{/each}}
  {{#if facet_items_more }}
    <li>
      <details class="c-more">
        <summary>Show more</summary>
        <ul>
        {{#each facet_items_more}}
          <li><input id="facet-item-{{facet.itemnumber}}" type="checkbox" name="subject" value="{{facet.itemlabel}}"><label for="facet-item-{{facet.itemnumber}}">{{facet.itemlabel}} <span class="c-facet__item-total js-facet__item-total">({{facet.itemtotal}})</span></label></li>
        {{/each}}
        </ul>
      </details>
    </li>
  {{/if}}
  </ul>
</section>
{
  "facet": {
    "total": 8
  },
  "facet_items": [
    {
      "facet": {
        "itemnumber": 7318,
        "itemlabel": "Biological sciences",
        "itemtotal": 309
      }
    },
    {
      "facet": {
        "itemnumber": 5793,
        "itemlabel": "Chemical engineering",
        "itemtotal": 891
      }
    },
    {
      "facet": {
        "itemnumber": 3068,
        "itemlabel": "Clinical medicine",
        "itemtotal": 42
      }
    },
    {
      "facet": {
        "itemnumber": 5996,
        "itemlabel": "Earth and related environmental sciences",
        "itemtotal": 474
      }
    },
    {
      "facet": {
        "itemnumber": 8664,
        "itemlabel": "Engineering and Technology",
        "itemtotal": 932
      }
    }
  ],
  "facet_items_more": [
    {
      "facet": {
        "itemnumber": 7771,
        "itemlabel": "Health sciences",
        "itemtotal": 828
      }
    },
    {
      "facet": {
        "itemnumber": 2638,
        "itemlabel": "Medical and Health Sciences",
        "itemtotal": 713
      }
    },
    {
      "facet": {
        "itemnumber": 7856,
        "itemlabel": "Social Sciences",
        "itemtotal": 429
      }
    }
  ]
}
<section class="c-facet js-facet">
    <header>
        <h3>Subject (8)</h3>
        <button type="button" class="c-facet__toggle-list js-facet__toggle-list" aria-label="filters" aria-expanded="false"></button>
    </header>
    <ul class="c-facet__list js-facet__list" hidden>
        <li><input id="facet-item-7318" type="checkbox" name="subject" value="Biological sciences"><label for="facet-item-7318">Biological sciences <span class="c-facet__item-total js-facet__item-total">(309)</span></label></li>
        <li><input id="facet-item-5793" type="checkbox" name="subject" value="Chemical engineering"><label for="facet-item-5793">Chemical engineering <span class="c-facet__item-total js-facet__item-total">(891)</span></label></li>
        <li><input id="facet-item-3068" type="checkbox" name="subject" value="Clinical medicine"><label for="facet-item-3068">Clinical medicine <span class="c-facet__item-total js-facet__item-total">(42)</span></label></li>
        <li><input id="facet-item-5996" type="checkbox" name="subject" value="Earth and related environmental sciences"><label for="facet-item-5996">Earth and related environmental sciences <span class="c-facet__item-total js-facet__item-total">(474)</span></label></li>
        <li><input id="facet-item-8664" type="checkbox" name="subject" value="Engineering and Technology"><label for="facet-item-8664">Engineering and Technology <span class="c-facet__item-total js-facet__item-total">(932)</span></label></li>
        <li>
            <details class="c-more">
                <summary>Show more</summary>
                <ul>
                    <li><input id="facet-item-7771" type="checkbox" name="subject" value="Health sciences"><label for="facet-item-7771">Health sciences <span class="c-facet__item-total js-facet__item-total">(828)</span></label></li>
                    <li><input id="facet-item-2638" type="checkbox" name="subject" value="Medical and Health Sciences"><label for="facet-item-2638">Medical and Health Sciences <span class="c-facet__item-total js-facet__item-total">(713)</span></label></li>
                    <li><input id="facet-item-7856" type="checkbox" name="subject" value="Social Sciences"><label for="facet-item-7856">Social Sciences <span class="c-facet__item-total js-facet__item-total">(429)</span></label></li>
                </ul>
            </details>
        </li>
    </ul>
</section>