Пример использования

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("#par1").toggleClass("class1");
   });

});

Определение и использование

Метод toggleClass позволяет переключатся между различными оформлениями элемента по щелчку мыши.

Данный метод проверяет выбранный элемент на наличие указанного класса и если он отсутствует добавляет его, если же класс присутствует метод удаляет его.

Синтаксис

$(селектор).toggleClass(класс,переключатель)

селектор выбирает элемент, к которому будет добавлен/удален указанный класс.

класс указывает имя класса, который будет добавлен/удален.

переключатель логическое значение указывающее должен ли указанный класс быть удален (значение false) или добавлен (значение true).