title: Click challenge with simple acordition menu
body: <p>I'm trying to make some acordion menu, but I face a small porblem. The point is that everything works fine when I click the first panel the slide expands, when I click the second it works,idem. But, when I start again and click the first one, surprise, nothing happens, I click again and only then the slide expands :D</p>
  
  <p><a href="http://jsfiddle.net/Code_me/DDSu2/2/" rel="nofollow"> here is my fiddle</a>!</p>
  
  <pre><code>$('#one').toggle(function(){
  $('.content').animate({width:'42%'});
  $('.content1').animate({width:'0%'});    
  }, function(){ 
  $('.content').animate({width:'0%'});
  });
  
  
  $('#two').toggle(function(){
  $('.content1').animate({width:'42%'});
  $('.content').animate({width:'0%'});    
  }, function(){ 
  $('.content1').animate({width:'0%'});
  });
  </code></pre>
  
  <p>It's weird and i want them to expand from the first click.Can someone help me ?</p>