如何使JavaScript转换为JQuery

时间:2016-10-31 19:53:14

标签: javascript jquery html css

我需要一些帮助将javascript转换为jquery。我在网站上使用手风琴i 我正在创作。

var acc = $(".accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function(){
        this.classList.toggle("active");
        this.nextElementSibling.classList.toggle("show");
  }
}

这是HTML:

<div id="our-club-accordion">
      <button class="accordion">Our Goal</button>
      <div class="panel">
      </div>
      <button class="accordion">Our Mission</button>
      <div class="panel">
      </div>
    </div>

1 个答案:

答案 0 :(得分:2)

似乎你需要:

$('.accordion').on('click', function() {
    $(this).toggleClass('active').next().toggleClass('show');
});