带有jQuery条件的垂直菜单/子菜单

Question

我希望将以下条件添加到我的现有页面中。 顺便说一句，当前一切似乎都运行良好，可以在以下网址实时查看： http : //www.ceramictilepro.com/Ceramic-Tile-And-Grout-Tips.php

1）单击上面的链接时，页面将具有仅显示菜单的垂直菜单/子菜单（当前所有菜单/子菜单均已展开）。

2）单击所选菜单时，子菜单将展开并显示（当前有效，因此此处无更改）

3）单击子菜单时，将打开新页面。 （目前也可以）

4）这是我需要帮助的地方，我希望新页面关闭所有其他菜单，但单击所选子菜单的菜单除外。

注意：选定的链接以红色背景突出显示，以便于导航。 （这保持不变，这里不需要更改）

这是小提琴

这是当前工作的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

更新资料

$(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');
});