Javascript JQuery递归地切换子项

我不是JQuery方面的专家，所以就在这里。我有一个如下所示的HTML：

<ul class="first-class">
   <li class="second-class">
      <a href="#_">
        <i class="fa fa-plus"></i>
      </a>
      <ul class="subdirectory-class">
         <li class="second-class">
            <a href="#_">
              <i class="fa fa-plus"></i>
            </a>
            <ul class="subdirectory-class">
               <li class="second-class">
                  <a href="#_">
                     <i class="fa fa-plus"></i>
                  </a>
               </li>
            </ul>
         </li>
     </ul>
   </li>
   <li class="second-class">
      <a href="#_">
         <i class="fa fa-plus"></i>
      </a>
      <ul class="subdirectory-class">
         <li class="second-class">
            <a href="#_">
              <i class="fa fa-plus"></i>
            </a>
         </li>
     </ul>
   </li>
</ul>

这会隐藏每个ul接受主目录（css显示：none），当我按下它时，它会切换所有子目录

任何帮助都将不胜感激

提前感谢

如果您添加到代码中，它将根据您的需要运行

$(document).ready(function() {
  $(".second-class").click(function(e) {
    $(this).find(".subdirectory-class").first().slideToggle("fast");
    $(this).children("a").toggleClass("closed open");
    e.stopImmediatePropagation()
  });
});

演示

$（文档）.ready（函数（）{
$（“.second-class”）。单击（函数（e）{
$（this.find（“.subdirectory类”）.first（）.slideToggle（“fast”）；
$（此）.children（“a”）.toggleClass（“关闭-打开”）；
e、 停止即时复制（）
});
});


















这不是重点。这些是固定的classes@Mamun我不相信会有一个
，
的
。一等的
是
ul
，二等的
是所有的
li
$(document).ready(function() {
  $(".second-class").click(function(e) {
    $(this).find(".subdirectory-class").first().slideToggle("fast");
    $(this).children("a").toggleClass("closed open");
    e.stopImmediatePropagation()
  });
});