title: How to switch between Class using addClass & removeClass?
body: <p>I create my own Switcher jQuery, and I want to remove class when click on another color, for example : I have "blue" class on body tag and when someone click on red should remove the blue class and replace it with red class etc..<br/></p>
  
  <p><strong>Code :</strong></p>
  
  <pre><code>$("body").addClass("wide light blue");
  
  // Switcher jQuery Plugin
  $(".switcher-toggle").click(function() {
      $("#switcher").toggleClass("open");
  });
  
  // Theme Layout Switch
  $(".layout").change(function() {
      var layout = $(".layout").val();
      $(".wrapper").css("width",layout);
  });
  
  // Theme Skins Switch
  $(".skins").change(function() {
      var skin = $(".skins").val();
      $("body").toggleClass(skin);
  });
  
  // Theme Colors Switch
  $(".colors span").each(function() {
       var data_color = $(this).attr("data-color");
       $(this).click(function() {
           $("body").toggleClass(data_color);
       });
  });
  </code></pre>
  
  <p><strong>Demo :</strong>
  <a href="https://jsfiddle.net/uikithemes/p18cqa5s/" rel="noreferrer">https://jsfiddle.net/uikithemes/p18cqa5s/</a></p>