title: Change opacity elements of whole class
body: <p>I added a SVG element in my HTML. When one element of a certain class is hovered over, I also want the other elements of the class to change opacity.</p>
  
  <p>I looked for an answer all afternoon but I couldn't find the right solution.</p>
  
  <p>This is my code right now. When I hover over one element of the class only one changes opacity. I want all the elements to change opacity. I think I should do it with JS but I can't figure out how.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $.get('grafieken.svg', function (data) {
  $(document.body) .append(data.documentElement);
  init();
  });
  function init(){
  }
  &lt;/script&gt;
  &lt;style&gt;
  
  .itemone:hover
  {
      opacity:0.2;
  }
  &lt;/style&gt;
  </code></pre>