hide menu when something (section, category, subcategory) is clicked
This commit is contained in:
@@ -107,9 +107,9 @@ var MenuItemListComponent = React.createClass({
|
|||||||
</li>*/}
|
</li>*/}
|
||||||
|
|
||||||
{this.state.menuItems.map(function(menuItem) {
|
{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>
|
<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) {
|
{menuItem.get('menu_sub_items').map(function(menuSubItem) {
|
||||||
return (
|
return (
|
||||||
<li className="col-sm-3" key={menuSubItem.id}>
|
<li className="col-sm-3" key={menuSubItem.id}>
|
||||||
|
|||||||
Reference in New Issue
Block a user