title: Mouseenter/mouseleave multiple divs
body: <p>I have three divs in a line going down a page with classes e.g. .class1, .class2, .class3.</p>
  
  <p>when a users mouse enters either of the divs i want to show other divs (divA &amp; divB), question is can i have multiple divs in the function?</p>
  
  <p>this is what I have so far, for one div which works great:</p>
  
  <pre><code>$(document).ready(function(){
  $("body").on("mouseenter", ".class1", function ()
  {
  $(this).children(".divA").slideDown();
  $(this).children(".divB").slideDown();
  });
  
  $("body").on("mouseleave", ".class1", function ()
  {
  $(this).children(".divA").slideUp();
  $(this).children(".divB").slideUp();
  });
  });
  </code></pre>
  
  <p>I want the effect to happen though if a use enters either .class1, .class2 or .class3</p>
  
  <p>Without a similar function three times</p>
  
  <p>I've tried .class1 &amp;&amp; .class2 etc but no joy, also .class1 || .class2 etc but also no joy</p>
  
  <p>Is this possible?</p>