Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery slide left and show
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload