php - Wordpress getChildren を使用してメニューを作成する

Question

私の問題は次のとおりです。次のような独自のメニューバーを作成したい:

ご覧のとおり、上部のボタンは固定されています (これらは、ページを取得できる 6 つの親です)。

緑色のボタンを押すと、サブメニュー項目が表示されます。ここで、サブメニュー項目を押すと、サブメニューが特定のサブメニュー項目の下に表示されます。html では簡単です。

しかし今、この「フォーマット」でphpを介してページのサブサブアイテムが必要です。

<div class="menuitem" id="info">     <a href="#"><img src="./information.jpg" height="120" width="*"></img></a></div>

<div id="infosub">
                <div onClick="hoverSubMenu('infosub1')" class="submenu">submenuitem1</div>
                <div id="infosub1" class="subsubmenu">
                    <div class="subsubitem">test1.1</div>
                    <div class="subsubitem">test1.2</div>
                    <div class="subsubitem">test1.3</div>
                    <div class="subsubitem">test1.4</div>
                    <div class="subsubitem">test1.5</div>
                </div>

                <div onClick="hoverSubMenu('infosub2')" class="submenu">submenuitem2</div>

                <div id="infosub2" class="subsubmenu">
                    <div class="subsubitem">test2.1</div>
                </div>

                <div onClick="hoverSubMenu('infosub3')" class="submenu">submenuitem3</div>
                <div id="infosub3" class="subsubmenu">
                </div> 
            </div>

私が何をしようとしているか知っている人はいますか？

（開いたり閉じたりすることは問題ありません-問題は、特定のページのサブページを取得し、次にこのサブページのサブページを取得して、それをこの形式にする方法だけです）

私はこのように自分で試しました：

<?php
                // Set up the objects needed
                $my_wp_query = new WP_Query();
                $all_wp_pages = $my_wp_query->query(array('post_type' => 'page'));

                // Get the page as an Object
                $information =  get_page_by_title('Information');

                // Filter through all pages and find Information's children
                $information_children = get_page_children( $information->ID, $all_wp_pages );

                // echo what we get back from WP to the browser
                echo '<div onClick="hoverSubMenu("infosub1")" class="submenu">' . print_r( $information_children, true ) . '</div>';

                echo '<div id="infosub1" class="subsubmenu">';
                echo '<div class="subsubitem">' ...

しかし、html 1.submenuitem 1.1 subsubitem 1.2 とは異なり、すべての submenuitem を表示してからすべての subsubmenuitem を表示するという問題があります。subsubitem then 2. submenuitem 2.1. サブメニュー項目...