title: Jquery toggle ends up hiding the clicked element instead of running functions
body: <p>I'm pretty new to jquery and i'm pretty stuck with this one. i know it will be something stupid but i have been breaking my head on it for to long.</p>
  
  <p>I want to toggle between the 2 or more functions to animate de specific div's in the site. But i end up making the menu item invisible.</p>
  
  <p>Thanks in advance!</p>
  
  <pre><code>$(document).ready(function() {
  
      $("#menu-item-13 a").toggle(
      function () {
          $("#branding").animate({left:416,top:176}).css('z-index', 12);
          $("#a").animate({left:659,top:175});
          $("#post-2").animate({left:160,top:177});
          $("#post-48").animate({left:402,top:324});
          $("nav").animate({left:174,top:56});
          $("#post-30").animate({left:403,top:842});
          $("#post-1").animate({left:902,top:528});
          $("#post-60").animate({left:903,top:55});
          },
  
      function () {
          $("#branding").animate({left:545,top:176}).css('z-index', 12);
          $("#a").animate({left:84,top:175});
          $("#post-2").animate({left:160,top:85});
          $("#post-48").animate({left:45,top:324});
          $("nav").animate({left:174,top:56});
          $("#post-30").animate({left:403,top:842});
          $("#post-1").animate({left:902,top:528});
          $("#post-60").animate({left:903,top:55});
          });
  
  });
  </code></pre>