我正试图为这个项目制作一个多级手风琴菜单。我的手风琴菜单适用于1级,但2级不能工作(ex.Project信息>关键文档)。从WordPress菜单生成的HTML代码您可以在这里查看现场演示
请将输出窗口调整为移动大小。\
我认为需要调整一下我的javascript。贝娄是我的剧本
var accordion_head = $('.accordion li > a, .accordion li > li > a'),
accordion_body = $('.accordion li > .sub-menu, .accord
我正在尝试创建一个具有特定行为的手风琴导航:第一个可折叠内容没有切换链接,而是将在站点开始时显示,以及当以下(第二个)可折叠内容关闭时。
我以前试过用引导折叠特性和jqueryi-ui手风琴来实现这一点,但从未真正按照我所描述的方式工作。所以我用jquery手工构建了它,但现在我无法真正获得“幻灯片和推送”的效果,这基本上是我认为要工作的手风琴元素的“心脏”。
你可以看到它基本上在这把小提琴里运行,有一个不那么漂亮的褪色效果:。
Sry, I have to add fake code here, otherwise I can't post the fiddle-link..
我在网上找到了一些手风琴菜单,但它们要么不支持多个级别,要么代码非常神秘,我不想使用它。所以我决定,我想写我自己的手风琴菜单,它支持任意数量的子菜单。
以下是我到目前为止所拥有的:
$(document).ready(function() {
// at the beginning only the top menu items are visible
$('.multi-level-accordion-menu > li ul').slideUp(0);
console.log('all elements slid up');
/
我试着制作手风琴,所以当你点击一个级别,它会逐步显示每个新的层次,如果有一个,但现在它只是递归显示所有的水平,将是我的手风琴。我知道有一些包可以帮助您这样做,但是我想创建自己的包来更好地理解Angular4。这就是我的手风琴现在显示的方式,但我想要能够点击进入每一层。
菜单1
菜单2
- Sub Menu 2
- Sub Sub Menu 2
- Sub Sub Sub Menu 2
菜单3
我假设我需要用循环的索引或类似的东西来跟踪级别,但我不太确定如何。
list.ts
export class List {
ti