From 39ca81f9a8be93e8e94057d3de956fd55b2f142f Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Fri, 20 Dec 2019 13:39:32 -0800
Subject: [PATCH] fix(accordion): set animation on click

---
 src/components/Accordion/AccordionItem.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Accordion/AccordionItem.svelte b/src/components/Accordion/AccordionItem.svelte
index 007250bc..55aae9a1 100644
--- a/src/components/Accordion/AccordionItem.svelte
+++ b/src/components/Accordion/AccordionItem.svelte
@@ -9,7 +9,8 @@
   import ChevronRight16 from 'carbon-icons-svelte/lib/ChevronRight16';
   import { cx } from '../../lib';
 
-  $: animation = open ? 'expanding' : 'collapsing';
+  let animation = undefined;
+
   $: _class = cx(
     '--accordion__item',
     open && '--accordion__item--active',
@@ -33,6 +34,7 @@
     on:click
     on:click={() => {
       open = !open;
+      animation = open ? 'expanding' : 'collapsing';
     }}
     on:mouseover
     on:mouseenter