Как переключить плагин jQuery?

Question

У меня вопрос. Как бы я переключил плагин jQuery с помощью кнопки. Так, например. Предположим, я сделал плагин, который превращает все элементы <div> в красный цвет. Как бы я установил кнопку, поэтому, когда я нажимаю на нее, она превращает все элементы <div> в красный цвет, и когда я нажимаю на нее снова, она меняет вспять эффекты? Если вам нужна дополнительная информация, дайте мне знать. Благодаря!

Answer 1

Добавление и удаление класса CSS к элементам является одним из способов сделать это:

CSS

.red{ 
background-color:red; 
} 

HTML

 <button id="toggleButton">Click Me!</button> 

JS & Jquery

 var toggle=0; //Start with the toggle state as off 

     function toggleRed(){ 

      if (toggle===0){ 
      $('div').addClass("red"); //add the class 'red' to all divs 
      toggle=1; //Save the toggle state as on until the next click 

      }else{ 

      $('div').removeClass("red"); //remove the class 'red' from all divs 
      toggle=0; //Save the toggle state as off until the next click 

      } 
     } 

     $("#toggleButton").click(function{toggleRed()});//attach event handler to button 

Или более короткий способ сделать JS/JQUERY:

$("#toggleButton").click(function{ 
    $("div").toggleClass("red"); 
    })