WordPress-将嵌套的下拉列表分开到新部分

问题描述

我具有3级导航（默认情况下，三级导航是隐藏的）：

Top menu
    -- Second level menu A
    -- Second level menu B

是否可以将第二级和第三级导航分为各自的<li>？因此，第二级位于Left Panel中，第三级位于Right Panel中，如下所示：

<!-- @start -->
<ul>
    <li>
        <a href="/">Top menu</a>
        <ul class="dropdown">

            <!-- Left Panel -->
            <li class="col-md-5">
                <ul>
                    <li>
                        <a href="/">Second level menu A</a>
                    </li>
                    <li>
                        <a href="/" data-target="menu1">Second level menu B</a>
                    </li>
                </ul>
            </li>
            <!-- @end Left Panel -->

            <!-- Right Panel -->
            <li class="col-md-7" style="display: none">
                <ul id="menu1">
                    <li>
                        <a href="/">Third level menu A</a>
                    </li>
                    <li><a href="/">Third level menu B</a></li>
                </ul>
            </li>
            <!-- @end Right Panel -->

        </ul>
    </li>
</ul>
<!-- @end -->

我发现的大多数示例中，第三级导航<ul id="menu1">直接位于其父级<a href="/" data-target="menu1">Second level menu B</a>下

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）