title: jQuery - load content into a div onclick, show() and hide()
body: <p>I have a simple menu with <code>&lt;ul</code>>s, every ul loads its content into a div onclicking it.<br> 
  Here's my code: <a href="http://jsfiddle.net/EPvGf/41" rel="nofollow">http://jsfiddle.net/EPvGf/41</a>. <br>
  On first you open the page you can see the default content (First div) fading in, I want it to do not fade in, just to be loaded as it is without animation(JUST for the first div(the default one)).<br>
  Here's my jQuery code:</p>
  
  <pre><code>$(document).ready(function () {
      $('#menu').on('click', 'a', function () {
          if($(this).closest('li').hasClass('current')) return;
          $('.current').not($(this).closest('li').addClass('current')).removeClass('current');
          // fade out all open subcontents
          $('.pbox:visible').hide(600);
          // fade in new selected subcontent
          $('.pbox[id=' + $(this).attr('data-id') + ']').show(600);
      }).find('a:first').click();
  });
  </code></pre>