Jquery 多维<；ul>；及<；李>；具有切换功能的列表，用于选择具体图像

我正在开发一个网站的后端，用户可以选择通过FTP上传的图像。他们可以创建他们想要的目录。因此，我有一个PHP递归函数，它可以获取所有信息，并创建

和

的列表。。。但是这个目录实际上是2GB的图像，所以，想象一下，我不能同时显示它。我需要切换/untoggle

来显示目录

让我们以结构为例。如果我们有：

<ul>
    <li><a href="/file14">file14</a></li>
    <li><a href="/file15">file15</a></li>
    <li><a href="/file16">file16</a></li>
    <li class="dirname">
        <a href="/dirname1">dirname1/</a>

        <ul>
            <li class="dirname">
                <a href="/dirname1/Dirname2">Dirname2/</a>

                <ul>
                    <li class="dirname">
                        <a href="/dirname1/Dirname2/Dirname3">Dirname3/</a>

                        <ul>
                            <li><a href="/dirname1/Dirname2/Dirname3/file1">file1</a></li>
                            <li><a href="/dirname1/Dirname2/Dirname3/file2">file2</a></li>
                            <li><a href="/dirname1/Dirname2/Dirname3/file3">file3</a></li>
                        </ul>
                    </li>
                    <li><a href="/dirname1/Dirname2/file4">file4</a></li>
                    <li><a href="/dirname1/Dirname2/file5">file5</a></li>
                    <li><a href="/dirname1/Dirname2/file6">file6</a></li>
                    <li class="dirname">
                        <a href="/dirname1/Dirname2/dirname4">dirname4/</a>

                        <ul>
                            <li><a href="/dirname1/Dirname2/dirname4/file7">file7</a></li>
                            <li><a href="/dirname1/Dirname2/dirname4/file8">file8</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="/dirname1/file9">file9</a></li>
            <li><a href="/dirname1/file10">file10</a></li>
        </ul>
    </li>
    <li><a href="/file11">file11</a></li>
    <li><a href="/file12">file12</a></li>
    <li><a href="/file13">file13</a></li>
</ul>

如果他们单击dirname1/他们将看到：

* file14
* file15
* file16
* dirname1/
    * Dirname2/
    * file9
    * file10
* file11
* file12
* file13

* file14
* file15
* file16
* dirname1/
    * Dirname2/
        * Dirname3/
        * file4
        * file5
        * file6
        * dirname/
    * file9
    * file10
* file11
* file12
* file13

如果他们点击Dirname2/他们会看到：

* file14
* file15
* file16
* dirname1/
    * Dirname2/
    * file9
    * file10
* file11
* file12
* file13

* file14
* file15
* file16
* dirname1/
    * Dirname2/
        * Dirname3/
        * file4
        * file5
        * file6
        * dirname/
    * file9
    * file10
* file11
* file12
* file13

你明白了吧？我举了很多例子，因为我的英语不好，所以你可以理解我的想法。基本上，

将是“触发器”，但我不能全部显示，只能在单击其中一个时显示。如果我们在显示内容时单击，则必须“取消显示”

我想做的另一件事是，没有

class=“dirname”

的

获取

的HREF属性，我将在保存时将其保存在输入中以进行处理

---

希望信息足够，并提前感谢您

我想这就是你想要的？基本上，单击

li.dirname

后，它将显示

ul

下的任何

ul

子项。再次单击时，它将隐藏它们

$(".dirname").click(
    function( e )
    {
        $("> ul", this).toggle();
        e.stopPropagation();
    }
);

---

看起来我们是朝着好的方向走，但是试试这个例子：。我关闭所有

.dirname

（首先单击dirname1，然后单击dirname2）。提前谢谢你@udexter：我忘了阻止事件冒泡。我已经更新了我的答案和你的答案