具有相同类的所有元素都受到单击功能的影响

Question

如何修改影响具有相同类的所有元素的代码在我的Jquery中,仅对我想要的html元素(.divCollapsilble)进行单击效果

这是我的网站,它显示了我的代码的效果如下

我的script.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');
  });
});

DEMO