Javascript 如何切换列表中的项目单击？

单击任何class=“folder”时，我如何切换id=“tree”？我的实现不起作用。无论我单击哪个class=“folder”，它都只会一直切换第一项。谢谢你的帮助

 <div class="main">
   <ul class="collections>
      <li class="listitem1">
          <span class="folder"> folder  </span>
          <div id="tree">

               //...THIS IS WHERE THE CONTENT IS

          </div>
    </li>
    <li class"listitem2">
          <span class="folder"> folder  </span>
          <div id="tree">

               //...THIS IS WHERE THE CONTENT IS

          </div>
    </li>
   </ul>
   </div>

---

请将中的ID更改为类，因为ID是唯一的。文档中不允许有相同的多个ID名称

$（文档）.ready（函数（）{
$（'.tree'）.hide（）；
$（'.folder'）。单击（函数（）{
$（this.parent（）.find（'.tree'）.slideToggle（“fast”）；
});
});



文件夹
//…这就是内容所在


文件夹
//…这就是内容所在

有id应该是唯一的

你的html代码中也有一些输入错误。像
=
符号在课后不存在。你忘了关闭报价单

使用以下JQuery

$(this).siblings("div").slideToggle("fast"); 


$（'.tree'）。滑动切换（“快速”）；
$（'.folder'）。单击（函数（）{
$（this.parent（）.find（'.tree'）.slideToggle（“fast”）；
});



文件夹
这


文件夹
这就是内容所在


Post you script也是您尝试过的脚本。我的实现不起作用。。。。。为什么呢您应该向我们展示您的实现。您的元素是偶然动态添加的吗？您可以发布您的JavaScript代码吗？ID应该始终是唯一的use类
无论我单击哪个class=“folder”它都只会切换第一个项目
这是因为它切换遇到的第一个树ID
，而不关心重新启动，而且html代码有很多打字错误
$(this).siblings("div").slideToggle("fast");