javascript - Foundation 5 响应式子菜单下拉菜单

Question

我正在为 WordPress 网站使用 Foundation 5 框架，需要改进响应式菜单。我的菜单将有很多下拉元素，当在较小的屏幕上查看时，这些元素目前将全部位于彼此之上。我需要某种带有加号按钮的 Accordion 效果来下拉每个元素。如果 Foundation 菜单可以做到这一点，谁能指出我正确的方向？

这是显示我需要的屏幕截图:

Answer 1

让我们试试这个(您需要玩弄规则位置和字体大小):

注意:没有代码是在黑暗中拍摄:)

.top-bar-section .has-dropdown > a:after {
    content: "+";
    display: block;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    font-weight:bold;
}