Question

我需要创建一个水平菜单，其深度为3级（Top Nav，Sub Nav，SubSub Nav）。

我找到了一些示例，比如这个CodePen跨越了两个级别，但我在Jquery中的强度不足以使第三级工作。

$(function() {
$('li a').click(function(e) {
    e.preventDefault();
    var $this = $(this);
    $this.closest('ul').children('li').removeClass('active');
    $this.parent().addClass('active');
    });
});

Top Nav和Sub Nav可以随时可见，但是，如果单击Sub导航，则只需要显示SubSub Nav。

我还有一个关于使我的现有代码与JQuery 1.8.2兼容的另一个开放性问题，但如果不是这样，我希望能够在纯CSS中执行此操作。以下是我当前菜单JsFiddle的代码。

有没有人有一个不涉及下拉菜单的多级菜单系统的例子？我要做的就是在网站上显示用户的活跃进度，因此它比菜单更像是视觉辅助，但如果需要，它可以点击导航到上一部分。

Answer 1

这里是纯css链接的链接，你可以尝试一下！ http://www.cssscript.com/create-a-multi-level-drop-down-menu-with-pure-css/

多级水平菜单CSS

1 个答案: