title: jQuery slide left and show
body: <p>I extended the <code>jQuery</code> effects called <code>slideRightShow()</code> and <code>slideLeftHide()</code> with a couple functions that work similarly to <code>slideUp()</code> and <code>slideDown()</code> as seen below.  However, I would also like to implement <code>slideLeftShow()</code> and <code>slideRightHide()</code>.  </p>
  
  <p>I know there are substantial libraries that offer this type of thing (I'd like to avoid adding another large set of <code>javascript</code> files), but can anyone provide a simple example of how to implement either <code>slideLeftShow()</code> or <code>slideRightHide()</code>?</p>
  
  <pre><code>jQuery.fn.extend({
    slideRightShow: function() {
      return this.each(function() {
        jQuery(this).animate({width: 'show'});
      });
    },
    slideLeftHide: function() {
      return this.each(function() {
        jQuery(this).animate({width: 'hide'});
      });
    },
    slideRightHide: function() {
      return this.each(function() {
        ???
      });
    },
    slideLeftShow: function() {
      return this.each(function() {
        ???
      });
    }
  });
  </code></pre>
  
  <p>The above <code>slideRightShow</code> function starts showing the image from the left side and it progresses toward the right side.  <strong><em>I am looking for some way to do the same thing but start from the right side and progress toward the left</em></strong>.  Thanks!</p>
  
  <p>EDIT</p>
  
  <p>jQuery Interface has something like I need (I basically need their "slide in right" and "slide out left" functions), but I couldn't get this to work with jQuery 1.3: <a href="http://interface.eyecon.ro/demos/ifx.html" rel="noreferrer">http://interface.eyecon.ro/demos/ifx.html</a> .  Also, their demo seems to broken as well as it will only do a slide once before throwing a million errors.</p>