<div class="dr">

    <button class="dr-h">
      <div class="dr-ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 8.5 18 25"><path class="dr-i" d="M16 21L.5 33.2c-.6.5-1.5.4-2.2-.2-.5-.6-.4-1.6.2-2l12.6-10-12.6-10c-.6-.5-.7-1.5-.2-2s1.5-.7 2.2-.2L16 21z"/></svg></div>
      <div class="dr-t">November 8, 2016: General Election</div>
      <div class="dr-st">Last updated: 2/2017</div>
    </button>
    <div class="dr-c">

    </div>
</div>
<div class="dr dr--open">

    <button class="dr-h">
      <div class="dr-ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 8.5 18 25"><path class="dr-i" d="M16 21L.5 33.2c-.6.5-1.5.4-2.2-.2-.5-.6-.4-1.6.2-2l12.6-10-12.6-10c-.6-.5-.7-1.5-.2-2s1.5-.7 2.2-.2L16 21z"/></svg></div>
      <div class="dr-t">November 8, 2016: General Election</div>
      <div class="dr-st">Last updated: 2/2017</div>
    </button>
    <div class="dr-c">

    </div>
</div>
{{#each drawers as |drawer|}}
  <div class="dr{{#if variant}} {{variant}}{{/if}}">
    {{#unless js}}<input type="checkbox" id="dr-tr{{ drawer.index }}" class="dr-tr a11y--h"{{#if drawer.open}} checked{{/if}}>{{/unless}}
    <{{#if js}}button{{else}}label for="dr-tr{{ drawer.index }}"{{/if}} class="dr-h">
      <div class="dr-ic"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 8.5 18 25"><path class="dr-i" d="M16 21L.5 33.2c-.6.5-1.5.4-2.2-.2-.5-.6-.4-1.6.2-2l12.6-10-12.6-10c-.6-.5-.7-1.5-.2-2s1.5-.7 2.2-.2L16 21z"/></svg></div>
      <div class="dr-t">{{ drawer.title }}</div>
      <div class="dr-st">{{ drawer.subtitle }}</div>
    </{{#if js}}button{{else}}label{{/if}}>
    <div class="dr-c">
      {{{ drawer.content }}}
    </div>
  </div>
{{/each}}
{
  "drawers": [
    {
      "title": "November 8, 2016: General Election",
      "subtitle": "Last updated: 2/2017",
      "js": true
    },
    {
      "title": "November 8, 2016: General Election",
      "subtitle": "Last updated: 2/2017",
      "js": true,
      "variant": "dr--open"
    }
  ]
}

There are no notes for this item.