jquery - 具有相同类的所有元素都受点击功能影响

Question

如何修改影响在我的 Jquery 中具有相同类的所有元素的代码以仅对我想要的 html 元素（.divCollapsilble）产生点击效果

这是我的网站，显示了下面我的代码的效果

我的脚本.js：

// JavaScript Document
  $(document).ready(function(){
  $('.divCollapsible').hide();
  $('.divToggle').click(function(){
  var location = $(this).parent().parent();

    $('.divCollapsible').slideToggle('slow');
  });
});

我该如何实施

Answer 1

像这样更改代码

$(document).ready(function(){
  $('.divCollapsible').hide();
  $('.divToggle').click(function(){
    $(this).next(".divCollapsible").slideToggle('slow');
  });
});

演示

Answer 2

$(this).siblings('.divCollapsible').slideToggle('slow');应该做。这样，您只针对您的.divTogglewith 类的兄弟姐妹，.divCollapsible而不是页面上的所有可折叠元素。