Как сделать Mega Menu одним щелчком мыши вместо зависания

Question

Я пробовал искать везде, но у меня проблемы с JavaScript, чтобы сделать мое мегаменю событием щелчка, а не зависанием. Решения на стеке потока для такого рода вещей, кажется, только для формата 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/ Я пытаюсь сделать ссылки щелкающими вместо парения. Я хочу, чтобы пользователи щелкнули по нему, чтобы открыть его, и щелкнули по нему еще раз, чтобы закрыть его. Кроме того, если пользователь нажимает "Автозвук" (раскрывающийся список расширяется), затем нажимает "Оттенок окна", тогда раскрывающийся список "Автозвук" закрывается.