带有子菜单切换器的Walker

Question

如果我想要这样的菜单，我该如何用助行器呢？

我希望能够在父元素后面包含一个按钮，以切换子菜单。另外，我必须能够在按钮上设置不同的功能。

<nav>
    <ul>
        <li><a href="#">Page 1</a>
            <button class="toggle" onClick="function1()">+</button>
            <ul class="sub-menu">
                <li>Page 1.1</li>
                <li>Page 1.2</li>
            </ul>
        </li>
        <li><a href="#">Page 2</a></li>
        <li><a href="#">Page 3</a>
            <button class="toggle" onClick="function2()">+</button>
            <ul class="sub-menu">
                <li>Page 3.1</li>
                <li>Page 3.2</li>
            </ul>
        </li>
        <li><a href="#">Page 4</a></li>
    </ul>
</nav>

我已经设置了wp_nav_menu：

<?php wp_nav_menu(array(
    'menu'       => 'Main Navigation',
    'container'  => false,
    'items_wrap' => '<ul">%3$s</ul>',
    'walker'     => new my_walker_nav_menu()
));

最终结果应如下所示：