title: jquery add a fade to an .addClass
body: <p>How do I fade .addClass in and out.</p>
  
  <p>Here is the link - </p>
  
  <p><a href="http://www.aus-media.com/dev/site_BYJ/new-students/faqs_questions.html" rel="noreferrer">http://www.bikramyogajoondalup.com.au/about-bikram-yoga/postures-benefits.html</a></p>
  
  <p>and here is the code -</p>
  
  <pre><code>$(document).ready(function() {
    $('#menu li#Q_01,#menu li#Q_03,#menu li#Q_05,#menu li#Q_07,#menu li#Q_09,#menu li#Q_11,#menu li#Q_13').hover(function() {
      $(this).addClass('pretty-hover');
    }, function() {
      $(this).removeClass('pretty-hover');
    });
  });
  
  $(document).ready(function() {
    $('#menu li#Q_02,#menu li#Q_04,#menu li#Q_06,#menu li#Q_08,#menu li#Q_10,#menu li#Q_12').hover(function() {
      $(this).addClass('pretty-hover_01');
    }, function() {
      $(this).removeClass('pretty-hover_01');
    });
  });
  </code></pre>
  
  <p>Thanks</p>