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"); 
    })