效果如下：

(1) 在页面上添加3/9布局并在3的布局中添加一个无样式列表，效果如下图：

(2) 在列表的<ul>上绑定一个数组并对数组进行初始化，如下图：

{"b1":[{"wenben2":"主食","b2":[{"wenben3":"主食内容1"},{"wenben3":"主食内容2"},{"wenben3":"主食内容3"},{"wenben3":"主食内容4"},{"wenben3":"主食内容5"}]},{"wenben2":"菜类","b2":[{"wenben3":"菜类内容1"},{"wenben3":"菜类内容2"},{"wenben3":"菜类内容3"}]},{"wenben2":"小吃","b2":[{"wenben3":"小吃内容1"},{"wenben3":"小吃内容2"},{"wenben3":"小吃内容3"},{"wenben3":"小吃内容4"}]},{"wenben2":"饮品","b2":[{"wenben3":"饮品内容1"},{"wenben3":"饮品内容2"}]}],"temp":""}

(3) 在列表<li>上文本绑定和绑定数据编程，如下图：

_vm.temp(_ko.contextFor(_ctx.self[0]).$index());

(4) 元素模式下，在9的布局中添加一个DIV（称为div1），并为其绑定数组b1。

(7) 在div1中添加一个DIV（称为div2），并为其CSS类绑定。

{"hide":($parent.temp()!=$index())}

(6) 在div2中添加一个P，并为其文本绑定wenben2。

(7) 在div2中添加一个DIV（称为div3），并为其绑定数组b2。

(8) 在div3中添加一个P，并为其文本绑定wenben3。