hide menu when something (section, category, subcategory) is clicked

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}>