title: Jquery slide toggle from left to right like facebook app
body: <p>I have the below code which seems to work ok but does not seem to slide in when the trigger is first selected.  Its slides in and out nicely once it has been triggered but on the very first trigger it simply shows instead of sliding into view.  </p>
  
  <pre><code>var $trigger = $(".icon-menu-2");
  var $menu = $(".c_left");
  $trigger.toggle(function show() {
    $menu.animate({
      width: 185,
      marginLeft: 0,
      display: 'toggle'
    }, 'slow');
  }, function hide() {
    $menu.animate({
      width: 0,
      marginLeft: -185,
      display: 'toggle'
    }, 'slow');
  });
  </code></pre>
  
  <p>It would also be nice if I could somehow get the whole page move to the right as facebook apps work.  Any ideas on how to achieve this?  I have looked into using jPanelmenu but this does not work with my code for various reasons and wondered if there was a simple solution to add to the above code.</p>
  
  <p>many thanks in advance</p>