title: jQuery onclick addclass/removeclass and add fade
body: <p>The past three day I have been searching for a solution to my problem. I have seen a lot of people with the same question as I have, but not one solution fixes my problem. So I am again where I started and I am asking for the help of you friendly people!</p>
  
  <p>I now have the following script running that works perfect for me:</p>
  
  <pre><code>$(".show_commentsandnotes_container").click(function () {
      $('.commentsandnotes_bg').addClass('show');
      $('.commentsandnotes_container').addClass('show');
  });
  $(".commentsandnotes_bg").click(function () {
      $('.commentsandnotes_bg').removeClass('show');
      $('.commentsandnotes_container').removeClass('show');
  });
  </code></pre>
  
  <p>The only thing I can't get to work, is the fading in and out of elements. I have tried a lot of solution like toggle and show/hide, but this works the best for me. The only simple thing that I need is that fading is added to the script (1000 ms), I just can't work that out.</p>
  
  <p>Can someone help me? Thanks in advance.</p>