クリックイベントでclass名を追加して背景色を変更し、元に戻す - レクチャーサイト

05クリックイベントでclass名を追加して背景色を変更し、元に戻す

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

-- js --
$(function(){
  $('#chapter-5-5-btn').click(function(){
    $('.group').addClass('black');
  });
  $('#chapter5-5-btn2').click(function(){
    $('.group').removeClass('black');
  });
});

-- css --
.black {
  background: #000;
}