massgov · isaacchansky · Jun 11, 2018 · May 21, 2018 · May 21, 2018 · May 21, 2018
diff --git a/backstopjs/reference/regression_page_organization-boards_0_document_0_phone.png b/backstopjs/reference/regression_page_organization-boards_0_document_0_phone.png
diff --git a/backstopjs/reference/regression_page_organization-boards_0_document_1_tablet.png b/backstopjs/reference/regression_page_organization-boards_0_document_1_tablet.png
diff --git a/changelogs/DP-8825.txt b/changelogs/DP-8825.txt
@@ -0,0 +1,3 @@
+Added
+Minor
+- DP-8825: Adds teaser listing group organism to apply accordion behavior to multiple teaser listings at once.
diff --git a/styleguide/source/_patterns/03-organisms/by-author/teaser-listing-group.json b/styleguide/source/_patterns/03-organisms/by-author/teaser-listing-group.json
diff --git a/styleguide/source/_patterns/03-organisms/by-author/teaser-listing-group.md b/styleguide/source/_patterns/03-organisms/by-author/teaser-listing-group.md
@@ -0,0 +1,32 @@
+### Description
+This Pattern shows a group of multiple General Teaser List patterns.
+
+### Status
+* Stable as of TBD
+
+### Pattern Contains
+* General Teaser
+
+### JavaScript Used
+* Accordion (js/modules/accordions.js)
+
+### Usage Guidelines
+
+
+### Variables
+~~~
+teaserListingGroup: {
+  totalShown:
+    type: number / required
+  moreItemsLabel:
+    type: string / required
+  lessItemsLabel:
+    type: string / required
+  teaserListings: [
+      type: teaserListing / required
+  ],
+  more: {
+    type: link / optional
+  }
+}
+~~~
diff --git a/styleguide/source/_patterns/03-organisms/by-author/teaser-listing-group.twig b/styleguide/source/_patterns/03-organisms/by-author/teaser-listing-group.twig
@@ -0,0 +1,14 @@
+<div class="ma__teaser-listing-group js-teaser-listing-group" data-total-visible="{{ teaserListingGroup.totalShown }}">
+  {% block teaserListingGroupItems %}
+    {% for teaserListing in teaserListingGroup.teaserListings %}
+      {% include "@organisms/by-author/teaser-listing.twig" %}
+    {% endfor %}
+  {% endblock %}
+
+  <button
+      class="ma__teaser-listing-group__toggle ma__content-link ma__content-link--chevron ma__content-link__acordion-toggle  js-teaser-listing-group-toggle"
+      aria-label="{{ teaserListingGroup.moreItemsLabel }}">
+    <div class="more">{{ teaserListingGroup.moreItemsLabel }}</div>
+    <div class="less">{{ teaserListingGroup.lessItemsLabel }}</div>
+  </button>
+</div>
diff --git a/...guide/source/_patterns/03-organisms/by-author/teaser-listing-group~showing-few-items.json b/...guide/source/_patterns/03-organisms/by-author/teaser-listing-group~showing-few-items.json