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

Question

如何修改影响具有相同类的所有元素的代码在我的Jquery中，仅将点击效果设置为我想要的html元素（.divCollapsilble）

This is my site显示我的代码效果

我的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

Answer 2

$(this).siblings('.divCollapsible').slideToggle('slow');应该这样做。这样，您只定位.divToggle的同级.divCollapsible的兄弟姐妹，而不是网页上的所有可折叠元素。