title: Jquery Remove Class Multiple Elements
body: <p>I am setting a class to multiple elements via a Button click via the code below:</p>
  
  <pre><code>$('button.but1').on('click', function() {
      $(".div1,.div2,.div3").addClass("focus");
      $(".div1,.div2,.div3").css("z-index", "99");
      $(".div1,.div2,.div3").css("opacity", "1");
  });
  $('button.but2').on('click', function() {
      $(".div4,.div5,.div6").addClass("focus");
      $(".div4,.div5,.div6").css("z-index", "99");
      $(".div4,.div5,.div6").css("opacity", "1");
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="div1"&gt;&lt;/div&gt;
  &lt;div class="div2"&gt;&lt;/div&gt;
  &lt;div class="div3"&gt;&lt;/div&gt;
  &lt;div class="div4"&gt;&lt;/div&gt;
  &lt;div class="div5"&gt;&lt;/div&gt;
  &lt;div class="div6"&gt;&lt;/div&gt;
  &lt;button type="button" class="but1" href="#"&gt;But1&lt;/button&gt;
  &lt;button type="button" class="but2" href="#"&gt;But2&lt;/button&gt;
  </code></pre>
  
  <p>The issue I am having is that I only want the <code>div</code> selected to be "focus"(the class), all the other div, not from the same group need to have the "focus" class removed.
  Not sure which we to go?</p>