From f71ab5ea477a21f184a3c4d1047c78d2b1af5e20 Mon Sep 17 00:00:00 2001
From: Edin Dazdarevic <edin.dazdarevic@gmail.com>
Date: Tue, 14 Apr 2015 23:34:46 +0200
Subject: [PATCH] hide menu when something (section, category, subcategory) is
 clicked

---
 front-ui/app/components/shared/menuItemListComponent.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/front-ui/app/components/shared/menuItemListComponent.js b/front-ui/app/components/shared/menuItemListComponent.js
index 72d4d60..0983515 100644
--- a/front-ui/app/components/shared/menuItemListComponent.js
+++ b/front-ui/app/components/shared/menuItemListComponent.js
@@ -107,9 +107,9 @@ var MenuItemListComponent = React.createClass({
           </li>*/}
 
           {this.state.menuItems.map(function(menuItem) {
-            return <li className="mydropdown menu-large">
+            return <li className="mydropdown menu-large"  onMouseLeave={self.onMouseOut} onMouseOver={self.onMouseOver.bind(self, menuItem)}>
                 <a href="#" className="dropdown-toggle " id={menuItem.get('title').toLowerCase()} onClick={self.onMenuItemClick.bind(self, menuItem)} >{menuItem.get('title')}</a>
-            <ul className="dropdown-menu megamenu row">
+            <ul className={menuItem.get('id') !== self.state.hoveredMenuItem ? "hdropdown-menu megamenu row hide": "dropdown-menu megamenu row"}>
               {menuItem.get('menu_sub_items').map(function(menuSubItem) {
                 return (
                   <li className="col-sm-3" key={menuSubItem.id}>