<input id="tabMenuCTRL" type="checkbox" name="tab-menu-ctrl" class="tab-menu-ctrl" aria-hidden="true">

<input id="tabCTRL0" type="radio" name="tab-ctrl" class="tab-ctrl tab-ctrl-0" data-hash="#new_applicants" aria-hidden="true">
<input id="tabCTRL1" type="radio" name="tab-ctrl" class="tab-ctrl tab-ctrl-1" data-hash="#renew_certificate" checked aria-hidden="true">
<input id="tabCTRL2" type="radio" name="tab-ctrl" class="tab-ctrl tab-ctrl-2" data-hash="#change_address" aria-hidden="true">
<input id="tabCTRL3" type="radio" name="tab-ctrl" class="tab-ctrl tab-ctrl-3" data-hash="#withdraw_business" aria-hidden="true">

<ul class="tab">
    <li class="tab-li tab-li-0">
        <label for="tabMenuCTRL" class="tab-li-m">New applicants</label>
        <label for="tabCTRL0" data-href="#new_applicants" class="tab-li-a tab-li-a-0">New applicants</label>
    </li>
    <li class="tab-li tab-li-1">
        <label for="tabMenuCTRL" class="tab-li-m">Renew your certificate</label>
        <label for="tabCTRL1" data-href="#renew_certificate" class="tab-li-a tab-li-a-1">Renew your certificate</label>
    </li>
    <li class="tab-li tab-li-2">
        <label for="tabMenuCTRL" class="tab-li-m">Change your address</label>
        <label for="tabCTRL2" data-href="#change_address" class="tab-li-a tab-li-a-2">Change your address</label>
    </li>
    <li class="tab-li tab-li-3">
        <label for="tabMenuCTRL" class="tab-li-m">Withdraw your business</label>
        <label for="tabCTRL3" data-href="#withdraw_business" class="tab-li-a tab-li-a-3">Withdraw your business</label>
    </li>
    <li class="tab-li tab-li-close">
        <label for="tabMenuCTRL" class="tab-li-a tab-li-a--c" aria-hidden="true">Close</label>
    </li>
</ul>

<div class="tab-pc">
    <div class="tab-p tab-p-0">This is the content for New applicants</div>
    <div class="tab-p tab-p-1">This is the content for Renew your certificate</div>
    <div class="tab-p tab-p-2">This is the content for Change your address</div>
    <div class="tab-p tab-p-3">This is the content for Withdraw your business</div>
</div>
<input id="tabMenuCTRL" type="checkbox" name="tab-menu-ctrl" class="tab-menu-ctrl" aria-hidden="true">

{{#each links}}
  <input id="tabCTRL{{@index}}" type="radio" name="tab-ctrl" class="tab-ctrl tab-ctrl-{{@index}}" data-hash="{{link}}" {{#if selected}}checked{{/if}} aria-hidden="true">
{{/each}}

<ul class="tab">
  {{#each links}}<li class="tab-li tab-li-{{@index}}">
    <label for="tabMenuCTRL" class="tab-li-m">{{text}}</label>
    <label for="tabCTRL{{@index}}" data-href="{{link}}" class="tab-li-a tab-li-a-{{@index}}">{{text}}</label>
  </li>{{/each}}
  <li class="tab-li tab-li-close">
    <label for="tabMenuCTRL" class="tab-li-a tab-li-a--c" aria-hidden="true">Close</label>
  </li>
</ul>

<div class="tab-pc">
  {{#each links}}
    <div class="tab-p tab-p-{{@index}}">This is the content for {{text}}</div>
  {{/each}}
</div>
{
  "links": [
    {
      "text": "New applicants",
      "link": "#new_applicants"
    },
    {
      "text": "Renew your certificate",
      "link": "#renew_certificate",
      "selected": true
    },
    {
      "text": "Change your address",
      "link": "#change_address"
    },
    {
      "text": "Withdraw your business",
      "link": "#withdraw_business"
    }
  ]
}

There are no notes for this item.