Вертикальное меню/подменю с условиями jQuery

Question

Я ищу, чтобы на мою существующую страницу были добавлены следующие условия. Btw, все в настоящее время работает нормально и можно увидеть здесь: http://www.ceramictilepro.com/Ceramic-Tile-And-Grout-Tips.php

1) Когда щелкнув по ссылке выше, страница будет иметь вертикальное меню/подменю с только видимым меню (в настоящее время все меню/подменю расширяются).

2) При выборе меню щелкнул, подменю расширяется и будет виден (в настоящее время не работает так, никаких изменений здесь)

3) Когда подменю нажата, откроется новая страница. (в настоящее время это тоже работает)

4) здесь мне нужна помощь, я бы хотел, чтобы новая страница закрывала все другие меню, кроме меню, в которое было нажато выбранное подменю.

примечание: выделенные ссылки выделены красным фоном для упрощения навигации. (Это не остается прежним, никаких изменений необходимо здесь)

Вот Fiddle

Вот текущий рабочий JQuery

$.each([1, 2, 3, 4, 5], function (index) { 
$(".toggle" + index).click(function() { 
    $(".submenu" + index).slideToggle("fast", function() { 
     // Animation complete. 
    }); 
}); 
}); 


$(function() { 
$('a').each(function() { 
    if ($(this).prop('href') == window.location.href) { 
     $(this).addClass('_current_highlight_button'); 
    } 
}); 
}); 
$(function() { 
var split = window.location.pathname.split('/'); 
var mnurl = split[split.length - 1]; 
mnurl = '#'; 
$(' a[href="' + mnurl + '"]').addClass("_current_highlight_button"); 
}); // mnurl='.php goes here'; 

спасибо за любые предложения :)

Answer 1

Update

$(function() { 
    var selected; 
    $('.vmenu li a').click(function(e){ 
    $('.vmenu ul').not($(this).parent().next('ul')).css('display','none'); 
    }); 
    $('a').each(function() { 
    if ($(this).prop('href') == window.location.href) { 
     $(this).addClass('_current_highlight_button'); 
     selected = $(this).parent().parent(); 
    } 
    }); 
    $('.vmenu ul').not(selected).css('display','none'); 
});