1

Jqueryで同じクラスのすべての要素に影響を与えるコードを変更して、目的のhtml要素（.divCollapsilble）にのみクリック効果を与えるにはどうすればよいですか？

これは私のサイトで、以下の私のコードの効果を示しています

私のscript.js：

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

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

どうすれば実装できますか

4

2 に答える 2

5

このようにコードを変更します

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

デモ

于 2013-01-09T10:01:05.210 に答える
3

$(this).siblings('.divCollapsible').slideToggle('slow');すべきです。そうすれば、ページ上のすべての折りたたみ可能な要素ではなく、 .divTogglewith クラスの兄弟のみをターゲットにできます。.divCollapsible

于 2013-01-09T09:59:34.873 に答える