title: Jquery toggle Left to right animation
body: <p>I have created a jquery toggle animation but for some reason it isn't working. </p>
  
  <p>Can Anyone be of assistance? </p>
  
  <p>Please see updated fiddle. 
  class="search-container-wrap" is meant to slide out from left to right </p>
  
  <p><a href="http://jsfiddle.net/VdWFm/" rel="nofollow">http://jsfiddle.net/VdWFm/</a></p>
  
  <pre><code>        /*  SHOWS CHART SEARCH
      ===================================================================*/
  $(document).ready(function(){
      $('.search-charts-go').click(function (e) {
      e.stopPropagation();
      $('.search-container-wrap').hide('slide', {direction: 'left'}, 500);
      $(this).next('.search-container-wrap').stop().show('slide', {direction: 'left'}, 500);
     });
  });
  </code></pre>
  
  <p>Thanks a bunch !!!!</p>