toggle flyout

elastic · Mar 11, 2019 · d4c6b63 · d4c6b63
1 parent 31f0961
commit d4c6b63
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/components/nav_drawer/nav_drawer.js b/src/components/nav_drawer/nav_drawer.js
@@ -96,14 +96,18 @@ export class EuiNavDrawer extends Component {
   expandFlyout = (links, title) => {
     const content = links;
 
-    this.setState({
-      flyoutIsCollapsed: false,
-      navFlyoutTitle: title,
-      navFlyoutContent: content,
-      isCollapsed: true,
-      toolTipsEnabled: false,
-      outsideClickDisabled: false,
-    });
+    if (this.state.navFlyoutTitle === title) {
+      this.collapseFlyout();
+    } else {
+      this.setState({
+        flyoutIsCollapsed: false,
+        navFlyoutTitle: title,
+        navFlyoutContent: content,
+        isCollapsed: true,
+        toolTipsEnabled: false,
+        outsideClickDisabled: false,
+      });
+    }
   };
 
   collapseFlyout = () => {