クリックイベントでclass名を追加して背景色を変更（アニメーション初級）し、元に戻すを繰り返す - レクチャーサイト

07クリックイベントでclass名を追加して背景色を変更（アニメーション初級）し、元に戻すを繰り返す

ボタンのID名 #chapter-5-7-btn
操作したい要素 .group
追加または削除するクラス名 .black

-- js --
$(function(){
  $('#chapter-5-7-btn').click(function(){
    $('.group').toggleClass('black');
  });
});

-- css --
.group {
  transition: .5s;
}
.black {
  background: #000;
}