{"id":21001,"date":"2016-07-10T17:59:02","date_gmt":"2016-07-10T16:59:02","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/faqs\/push-content-down-copy\/"},"modified":"2020-11-11T11:13:01","modified_gmt":"2020-11-11T11:13:01","slug":"close-menu-after-click","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/close-menu-after-click\/","title":{"rendered":"How to hide the sub menu after a menu item link is clicked"},"content":{"rendered":"<h3>Close desktop menu after click<\/h3>\n<p>If you are using a one page theme or have anchor links within your sub menus, and want to close the <strong>desktop<\/strong> menu as soon as one of the links is clicked:<\/p>\n<ol>\n<li>Install the <a href=\"https:\/\/wordpress.org\/plugins\/tc-custom-javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">TC Custom JavaScript<\/a> Plugin<\/li>\n<li>Go to <em>Appearance &gt; Custom JavaScript<\/em> and enter the following:<\/li>\n<\/ol>\n<pre class=\"lang:default decode:true \">\/* Max Mega Menu \r\n * Close the main menu as soon as a menu item is clicked *\/\r\njQuery(\".mega-menu\").on('after_mega_menu_init', function() {\r\n    jQuery(\"li.mega-menu-item:not(.mega-menu-item-has-children) &gt; a.mega-menu-link\").on('click', function(e) {\r\n        jQuery('.mega-menu').data('maxmegamenu').hideAllPanels();\r\n    });\r\n});<\/pre>\n<h3>Close mobile menu after click<\/h3>\n<p>If you are using a one\u00a0page theme and want to close the <strong>mobile<\/strong> menu as soon as one of the links is clicked:<\/p>\n<ol>\n<li>Install the <a href=\"https:\/\/wordpress.org\/plugins\/tc-custom-javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">TC Custom JavaScript<\/a> Plugin<\/li>\n<li>Go to <em>Appearance &gt; Custom JavaScript<\/em> and enter the following:<\/li>\n<\/ol>\n<pre class=\"lang:default decode:true\">\/* Max Mega Menu \r\n * Close the mobile menu as soon as a menu item is clicked *\/\r\njQuery(\"ul.max-mega-menu\").on(\"after_mega_menu_init\", function() {\r\n    var menu = jQuery(this);\r\n    jQuery(\"li.mega-menu-item:not(.mega-menu-item-has-children) &gt; a.mega-menu-link\").on('click', function(e) {\r\n        menu.data('maxmegamenu').hideMobileMenu();\r\n    });\r\n});<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Close desktop menu after click If you are using a one page theme or have anchor links within your sub menus, and want to close the desktop menu as soon as one of the links is clicked: Install the TC Custom JavaScript Plugin Go to Appearance &gt; Custom JavaScript and&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"ht-kb-category":[14],"ht-kb-tag":[],"class_list":["post-21001","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-faqs"],"uagb_featured_image_src":[],"uagb_author_info":{"display_name":"Tom Hemsley","author_link":"https:\/\/www.megamenu.com\/author\/megamenu\/"},"uagb_comment_info":0,"uagb_excerpt":"Close desktop menu after click If you are using a one page theme or have anchor links within your sub menus, and want to close the desktop menu as soon as one of the links is clicked: Install the TC Custom JavaScript Plugin Go to Appearance &gt; Custom JavaScript and...","_links":{"self":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/21001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/comments?post=21001"}],"version-history":[{"count":13,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/21001\/revisions"}],"predecessor-version":[{"id":269709,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb\/21001\/revisions\/269709"}],"wp:attachment":[{"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/media?parent=21001"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-category?post=21001"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.megamenu.com\/wp-json\/wp\/v2\/ht-kb-tag?post=21001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}