如何使Mega菜单成为点击而不是悬停

Question

我尝试了无处不在的搜索，但是我遇到了使用javascript使我的megamenu成为点击事件而不是悬停的麻烦。 stackoverflow上的这类解决方案似乎只适用于ul / li格式。而这个MegaMenu是ul / li和div格式。那你能帮帮我吗？

这是javascript：

$('.dropdown-menu').click(function () {
$('.dropdown-menu').not(this).children('ul').slideUp("slow");
$(this).children('.mega-menu-inner').slideToggle("slow");
});

$('.dropdown-menu').blur(function () {
$('.dropdown-inside').hide('slow', function () {});
});

这是jsfiddle：http://jsfiddle.net/kschell/ms74wnry/16/

以下是实际菜单的链接：http://drive-in-autosound.mybigcommerce.com/ 我正在尝试点击链接而不是悬停。我希望用户单击它以打开它并再次单击它以关闭它。此外，如果用户单击“汽车音频”（下拉菜单），然后单击“窗口色调”，则“汽车音频”下拉菜单将关闭。