title: How to make this Javascript more compact
body: <p>This is a snippet of a Javascript I'm using. I'm wondering if there is a way to make it more compact. It changes CSS, but the most classes have the same values (and the actual js is very long now).</p>
  
  <pre><code>$('#project_planetx').mouseover(function() {
     $('#project_bg_show').css("background-image", "url(images/projects/WeT_PLXT_branding.png)").css("background-size", "cover"); // change css
     $('#projects_header_show').css("color", "transparent");
     $('.projects_headercolom_show').css("color", "transparent");
     $('.blvd_headercolom_show').css("color", "transparent");
     $('.project_b').css("display", "none");  
     $('.project_c').css("display", "none");              
  });
  
  $('#project_planetx').mouseleave(function() {
     $('#project_bg_show').css("background", "#FAFAFA").css("background-image", "url(images/projects/Projects_BG_main.png)").css("background-size", "cover");; // change back css as it was
     $('#projects_header_show').css("color", "#000000");
     $('.projects_headercolom_show').css("color", "#000000");
     $('.blvd_headercolom_show').css("color", "#000000");
     $('.project_b').css("display", "block"); 
     $('.project_c').css("display", "block");
  });
  </code></pre>