Question

我希望在现有页面中添加以下条件。顺便说一句，目前看来一切正常，可以在这里看到：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

<强>更新

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

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

1 个答案: