title: Adding JQuery fade code?
body: <p>I have two columns left and right, the right column is for a section called categories and when I click a category it opens (toggles) up that category and closes the previous one on the left column.</p>
  
  <p>It all works fine, I was wondering if anybody knew how to add fade in fade out effect when clicking on a category (link)?</p>
  
  <p>Heres my JQuery code:</p>
  
  <pre><code>jQuery('.tab-links a').on('click', function(e)  {
      var currentAttrValue = jQuery(this).attr('href');
  
      // Show/Hide Tabs
      jQuery('.tab-content ' + currentAttrValue).show().siblings().hide();
  
      // Change/remove current tab to active
      jQuery(this).parent('li').addClass('active').siblings().removeClass('active');
  
      e.preventDefault();
  });
  </code></pre>