Menu 带有三层的Typo3下拉列表

我必须实现一个下拉菜单，如下所示：

MenuItem
   Section1
      Article1
      Article2
   Section2
      Article3
      Article4
      etc.

共有三层：

  Layer1: MenuItem
  Layer2: Section1, Section2
  Layer3: ArticleX

如果我将鼠标悬停在“MenuItem”上，它将展开并显示其他两个层。但是第三层应该有点意思

我使用的是typo36.0.1。我希望你能明白我的问题

---

关于

请尝试以下打字：

lib.content_left = COA
lib.content_left {
10 = HMENU
10 {
    wrap = <div class="menu_left menu_ul">|</div>
    entryLevel = 0
    1 = TMENU
    1 {
        wrap = <div class="menu_1"><ul>|</ul></div>
        target = _top
        NO {
            wrapItemAndSub = <li>|</li>|*|<li>|</li>|*|<li class="last">|</li>
        }
        ACT < .NO
        ACT = 1
        CUR < .NO
        CUR = 1
        CUR {
            allWrap = <div class="menu_act">|</div>
        }
    }
    2 = TMENU
    2 {
        expAll = 0
        wrap = <div class="menu_2"><ul>|</ul></div>
        target = _top
        NO {
            wrapItemAndSub = <li>|</li>
        }
        ACT < .NO
        ACT = 1
        CUR < .NO
        CUR = 1
        CUR {
            allWrap = <div class="menu_act">|</div>
        }
    }
    3 = TMENU
    3 {
        expAll = 1
        wrap = <div class="menu_3"><ul>|</ul></div>
        target = _top
        NO {
            wrapItemAndSub = <li>|</li>
        }
        ACT < .NO
        ACT = 1
        CUR < .NO
        CUR = 1
        CUR {
            allWrap = <div class="menu_act">|</div>
        }
    }
}
}

lib.content\u left=COA
lib.content_左{
10=汉努
10 {
包裹=|
entryLevel=0
1=t菜单
1 {
包裹=
|
目标=\u顶部
没有{
wrapItemAndSub=
*
*
|
}
第号法案
ACT=1
当前号
CUR=1
CUR{
全部包裹=|
}
}
2=t菜单
2 {
expAll=0
包裹=
|
目标=\u顶部
没有{
wrapItemAndSub=
|
}
第号法案
ACT=1
当前号
CUR=1
CUR{
全部包裹=|
}
}
3=t菜单
3 {
expAll=1
包裹=
|
目标=\u顶部
没有{
wrapItemAndSub=
|
}
第号法案
ACT=1
当前号
CUR=1
CUR{
全部包裹=|
}
}
}
}

悬停效果需要通过css或javascript完成

参考链接：