0

有 3 个项目的无序列表，例如 a 中的 A、B 和<div>C。现在，如果我选择一个选项 A，它应该再次在其中显示 P、Q 和 R 的列表，<div>如果我选择 B，它应该显示 X、Y 和 Z 的无序列表加上它还应该有一个后退按钮.

<div>
    <ul>
        <li><a href="#">A</li>
        <li><a href="#">B</li>
        <li><a href="#">C</li>
    </ul>
<div>

现在选择选项 A 后，应在同一列表中显示以下列表<div>

    <ul>
        <li><a href="#">P</li>
        <li><a href="#">Q</li>
        <li><a href="#">R</li>
    </ul>

像这样，它最多向下 3-4 级，例如：- From A->P,Q,R。From P->D,E,F. From D->S,R,T和类似的。所有都应该显示在同一个<div>标​​签内。

我已经搜索了引导程序，但没有得到预期的结果。这可以在引导程序中完成吗？如果没有，我该如何在 jQuery 中解决这个问题？

4

1 回答 1

0

如果您正在寻找使用 jquery 的树视图布局，请尝试以下代码：

$('.tree li').each(function(){
        if($(this).children('ul').length > 0){
                $(this).addClass('parent');     
        }
});

$('.tree li.parent > a').click(function(){
        $(this).parent().toggleClass('active');
        $(this).parent().children('ul').slideToggle('fast');
});

演示和来源：http ://www.webstutorial.com/jquery-treeview-list/jquery

于 2013-08-26T14:03:30.927 回答