{% extends "_layouts/examples.html" %}
{% block title %}Accordion{% endblock %}

{% block standalone_css %}patterns_accordion{% endblock %}

{% block content %}
<aside class="p-accordion">
  <ul class="p-accordion__list">
    <li class="p-accordion__group">
      <div role="heading" aria-level="3" class="p-accordion__heading">
        <button type="button" class="p-accordion__tab" id="tab1" aria-controls="tab1-section" aria-expanded="true">What is MAAS?</button>
      </div>
      <section class="p-accordio