javascript - 如何切换列表中的元素点击？

Question

单击任何 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>

JS

$(document).ready(function() {
  $('#tree').slideToggle("fast");
  $('.folder').click(function() {
    $('#tree').slideToggle("fast");
  });
});

Answer 1

有id应该是唯一的。

并且您的 html 代码中也有一些拼写错误。就像 = 符号在课后不存在。而且您忘记关闭报价。

使用以下 JQuery。

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

Working Fiddle