diff --git a/js/components/accordion.js b/js/components/accordion.js
index d281a9e7..2de9315d 100644
--- a/js/components/accordion.js
+++ b/js/components/accordion.js
@@ -11,4 +11,10 @@ export default {
       default: false,
     },
   },
+
+  methods: {
+    collapse: function() {
+      this.isVisible = false
+    }
+  }
 }
diff --git a/js/components/accordion_list.js b/js/components/accordion_list.js
new file mode 100644
index 00000000..ae0042fa
--- /dev/null
+++ b/js/components/accordion_list.js
@@ -0,0 +1,16 @@
+import Accordion from './accordion'
+
+export default {
+  name: 'accordion-list',
+
+  components: {
+    Accordion
+  },
+
+  methods: {
+    handleClick: function(e) {
+      e.preventDefault()
+      this.$children.forEach(el => el.collapse())
+    }
+  }
+}
diff --git a/styles/elements/_accordions.scss b/styles/elements/_accordions.scss
index a6e61692..75848f7a 100644
--- a/styles/elements/_accordions.scss
+++ b/styles/elements/_accordions.scss
@@ -47,4 +47,8 @@
       }
     }
   }
+
+  &-list {
+    max-width: $max-panel-width;
+  }
 }
diff --git a/templates/components/accordion_list.html b/templates/components/accordion_list.html
new file mode 100644
index 00000000..dab63e3d
--- /dev/null
+++ b/templates/components/accordion_list.html
@@ -0,0 +1,11 @@
+{% macro AccordionList() %}
+  <accordion-list inline-template>
+    <div class="accordion-list">
+      <div class="action-group">
+        <a v-on:click="handleClick($event)">Collapse All</a>
+      </div>
+      <!-- caller iterates over accordion vue components or Accordion jinja macros -->
+      {{ caller() }}
+    </div>
+  </accordion-list>
+{% endmacro %}
diff --git a/templates/task_orders/index.html b/templates/task_orders/index.html
index 9e867bde..c2a1f4f5 100644
--- a/templates/task_orders/index.html
+++ b/templates/task_orders/index.html
@@ -1,4 +1,5 @@
 {% from "components/accordion.html" import Accordion %}
+{% from "components/accordion_list.html" import AccordionList %}
 {% from "components/empty_state.html" import EmptyState %}
 {% from "components/icon.html" import Icon %}
 {% from "components/sticky_cta.html" import StickyCTA %}
@@ -62,9 +63,11 @@
 <div class="portfolio-funding">
 
   {% if task_orders  %}
-    {% for status, to_list in task_orders.items() %}
-      {{ TaskOrderList(to_list, status.value) }}
-    {% endfor %}
+    {% call AccordionList() %}
+      {% for status, to_list in task_orders.items() %}
+        {{ TaskOrderList(to_list, status.value) }}
+      {% endfor %}
+    {% endcall %}
   {% else %}
     {{ EmptyState(
       header="task_orders.empty_state.header"|translate,