sample: traversing node tree by jQuery.closest

by sii_side

HTML

<div class="A">
  <ul>
    <li>1</li>
    <li>2</li>
    <li><i class="fa">aaa</i></li>
  </ul>
</div>

<div class="B">
  <div class="B_inner">
    <div class="b-1">bbb</div>
  </div>
</div>

<div class="A">
  <ul>
    <li>1</li>
    <li>2</li>
    <li><i class="fa">aaa</i></li>
  </ul>
</div>

<div class="B">
  <div class="B_inner">
    <div class="b-1">bbb</div>
  </div>
</div>

JavaScript

jQuery(function($) {
  //アコーディオン実装
  jQuery(function() {
    jQuery("i.fa").on("click", function() {
      jQuery(this).closest(".A").next().slideToggle();
    });
  });
});