php - 关闭表中的多个垂直菜单

Question

我正在寻找一些多个垂直菜单，例如 here .我不想要任何下拉菜单。我在我的 mysql 数据库中使用典型的闭包表层次结构(祖先/后代/深度)作为类别，我想呈现它们。要从数据库中获取所有 parent 和 child ，我有以下方法:

   public function getSubtree($node) {
    $tree = $this->connection->query("
    SELECT c.*, cc2.ancestor, cc2.descendant, cc.depth
    FROM
        category c
        JOIN category_closure cc
        ON (c.cat_id = cc.descendant)
            JOIN category_closure cc2
            USING (descendant)
    WHERE cc.ancestor = $node AND cc2.depth = 1
    ORDER BY cc.depth, c.cat_id);

    return $this->parseSubTree($node, $tree);
}

private function parseSubTree($rootID, $nodes) {
    // to allow direct access by node ID
    $byID = array();

    // an array of parrents and their children
    $byParent = array();


    foreach ($nodes as $node) {
        if ($node["cat_id"] != $rootID) {
            if (!isset($byParent[$node["ancestor"]])) {
                $byParent[$node["ancestor"]] = array();
            }
            $byParent[$node["ancestor"]][] = $node["cat_id"];
        }
        $byID[$node["cat_id"]] = (array) $node;
    }

    // tree reconstruction
    $tree = array();
    foreach ($byParent[$rootID] as $nodeID) { // root direct children
        $tree[] = $this->parseChildren($nodeID, $byID, $byParent);
    }

    return $tree;
}

private function parseChildren($id, $nodes, $parents) {
    $tree = $nodes[$id];

    $tree["children"] = array();
    if (isset($parents[$id])) {
        foreach ($parents[$id] as $nodeID) {
            $tree["children"][] = $this->parseChildren($nodeID, $nodes, $parents);
        }
    }

    return $tree;
}

在演示者中我刚刚:

$this->template->categories = $this->category->getSubtree(1);

因为我使用的是 Nette 框架，所以我使用的是 Latte 模板引擎，这与 Smarty 非常相似。为了渲染所有带有 parent 和 child 的类别，我有这个:

    <ul class="tree">
    {block #categories}
        {foreach $categories as $node}
            <li>
                <span">{$node["name"]}</span>
                <ul n:if="count($node['children'])">
                    {include #categories, 'categories' => $node["children"]}
                </ul>
            </li>
        {/foreach}
    {/block}
</ul>

我最大的问题是，如果我想要三级或更多级菜单，如何制作 css 样式。如果选择某个类别，则会显示他的子类别，而另一个类别会隐藏。当被选中时，一些子类别显示他的子类别而另一个子类别隐藏等等。非常感谢您的提前，我很抱歉我的英语。希望你明白我的意思。

Answer 1

如果我理解得很好，您需要一个下拉菜单。我猜对齐方式是垂直的。子类别，它们应该呈现在类别下还是旁边？我知道其余部分应该保持可见。