但愿我在下兔子洞之前看到你的答案。然而，我已经能够使用Walker类的扩展复制我们的设计器提供的标记，并且它与jQuery UI Accordion配合得很好。

    class sidebar_nav_walker extends Walker_Nav_Menu {
    function start_el(&$output, $item, $depth, $args) {
      global $wp_query;
      if (0 == $depth) {
        // parent item
        $output .= \'<h2>\';

        $attributes  = ! empty( $item->attr_title ) ? \' title="\'  . esc_attr( $item->attr_title ) .\'"\' : \'\';
        $attributes .= ! empty( $item->target )     ? \' target="\' . esc_attr( $item->target     ) .\'"\' : \'\';
        $attributes .= ! empty( $item->xfn )        ? \' rel="\'    . esc_attr( $item->xfn        ) .\'"\' : \'\';
        $attributes .= ! empty( $item->url )        ? \' href="\'   . esc_attr( $item->url        ) .\'"\' : \'\';

        $item_output = $args->before;
        $item_output .= \'<a\'. $attributes .\'>\';
        $item_output .= $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after;
        $item_output .= \'</a>\';
        $item_output .= $args->after;
        $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );
        $output .= \'</h2>\';

      } else {
        // child items
        $class_names = $value = \'\';
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $classes[] = \'menu-item-\' . $item->ID;

        $class_names = join( \' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item, $args ) );
        $class_names = \' class="\' . esc_attr( $class_names ) . \'"\';

        $id = apply_filters( \'nav_menu_item_id\', \'menu-item-\'. $item->ID, $item, $args );
        $id = strlen( $id ) ? \' id="\' . esc_attr( $id ) . \'"\' : \'\';

        $output .= $indent . \'<li\' . $id . $value . $class_names .\'>\';

        $attributes  = ! empty( $item->attr_title ) ? \' title="\'  . esc_attr( $item->attr_title ) .\'"\' : \'\';
        $attributes .= ! empty( $item->target )     ? \' target="\' . esc_attr( $item->target     ) .\'"\' : \'\';
        $attributes .= ! empty( $item->xfn )        ? \' rel="\'    . esc_attr( $item->xfn        ) .\'"\' : \'\';
        $attributes .= ! empty( $item->url )        ? \' href="\'   . esc_attr( $item->url        ) .\'"\' : \'\';

        $item_output = $args->before;
        $item_output .= \'<a\'. $attributes .\'>\';
        $item_output .= $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after;
        $item_output .= \'</a>\';
        $item_output .= $args->after;

        $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );
      }

    }

  function start_lvl(&$output, $depth, $args=array()) {  
      $output .= "\\n<div><ul>\\n";  
  }

  // Displays end of a level. E.g \'</ul>\'  
  // @see Walker::end_lvl()  
  function end_lvl(&$output, $depth, $args=array()) { 
      $output .= "</ul></div>\\n";  
  }

    /**
     * @see Walker::end_el()
     * @since 3.0.0
     *
     * @param string $output Passed by reference. Used to append additional content.
     * @param object $item Page data object. Not used.
     * @param int $depth Depth of page. Not Used.
     */
    function end_el(&$output, $item, $depth) {

  }
}

这让我走得很远。但我仍然对wp\\U nav\\U菜单在UL中包装整个内容存在问题。这打破了jQuery手风琴脚本。所以我需要删除它，在实验结束后，用自定义Walker呈现菜单，如下所示。。。

  <nav id="nav">
    <?php
      $menu = wp_nav_menu(
        array(
          \'container\' =>  false,
          \'echo\'  =>  false,
          \'before\'  =>  \'\',
          \'after\' =>  \'\',
          \'link_before\' =>  \'\',
          \'link_after\'  =>  \'\',
          \'walker\'  =>  new sidebar_nav_walker()
        )
      );
      echo preg_replace( array( \'#^<ul[^>]*>#\', \'#</ul>$#\' ), \'\', $menu );
    ?>
  </nav>

注意：我告诉菜单不要在参数中重复自己。相反，我在其上运行正则表达式来删除父级UL。

同样值得注意的是。。如果你不告诉jQuery手风琴不要自动高度，这看起来就像垃圾。

$(function() {
    $("#nav").accordion({
            collapsible: true,
            autoHeight: false
    });
});

除了WP添加的类之外，结果与我的设计器中的原始标记有些接近。