<div class="Selector">
    <a aria-controls="categories" aria-expanded="false" class="Selector-trigger Heading Heading--main" href="#categories">all posts</a>
    <div aria-hidden="true" class="Selector-target Container BgGreen" id="categories">

        <ul class="Selector-list">
            <li class="Selector-listItem">
                <a href="#" class="Selector-listLink">opinions</a>
            </li>
            <li class="Selector-listItem">
                <a href="#" class="Selector-listLink">announcements</a>
            </li>
            <li class="Selector-listItem">
                <a href="#" class="Selector-listLink">podcasts</a>
            </li>
            <li class="Selector-listItem">
                <a href="#" class="Selector-listLink">tiny lessons</a>
            </li>
            <li class="Selector-listItem">
                <a href="#" class="Selector-listLink">all posts</a>
            </li>
        </ul>
    </div>
    <!--/.Selector-target-->
</div>
<!--/.Selector-->
<div class="Selector">
    <a aria-controls="{{ selectorID }}" aria-expanded="false" class="Selector-trigger{% if triggerClass %} {{ triggerClass }}{% endif %}" href="#{{ selectorID }}">{{ triggerContent }}</a>
    <div aria-hidden="true" class="Selector-target{% if targetClass %} {{ targetClass }}{% endif %}" id="{{ selectorID }}">

    {% if listContext %}
    <ul class="Selector-list">
        {% for item in listContext.listItems %}
        <li class="Selector-listItem">
            <a href="{{ item.url }}" class="Selector-listLink">{{ item.content }}</a>
        </li>
        {% endfor %}
    </ul>
    {% else %}
        {{ targetContent }}
    {% endif %}
    </div><!--/.Selector-target-->
</div><!--/.Selector-->
{
  "selectorID": "categories",
  "triggerContent": "all posts",
  "targetContent": "<p>Target content.</p>",
  "triggerClass": "Heading Heading--main",
  "targetClass": "Container BgGreen",
  "listContext": {
    "listClass": null,
    "listItemClass": "Heading Heading--secondary",
    "linkClass": null,
    "listItems": [
      {
        "url": "#",
        "content": "opinions"
      },
      {
        "url": "#",
        "content": "announcements"
      },
      {
        "url": "#",
        "content": "podcasts"
      },
      {
        "url": "#",
        "content": "tiny lessons"
      },
      {
        "url": "#",
        "content": "all posts"
      }
    ]
  }
}

There are no notes for this item.