Appearing and disappearing in jQuery
<p>I want to create two new methods for jQuery that makes appear and disappear objects.
I dont want to use the jQuery methods <code>show()</code> and <code>hide()</code> (neither <code>fadeIn()</code> or <code>fadeOut()</code>) because :</p>

<ul>
<li>the effect is not gradual</li>
<li>when a <code>div</code> <code>hides</code>, then the object is not present anymore in the page and all the other <code>div</code> move. </li>
</ul>

<p>My code does not work : objects disappear but don't appear.</p>

<p>Any clue ?</p>

<pre><code>jQuery.fn.disappear = function() {
    this.fadeTo('slow', 0, function() {
    this.css('visibility', 'hidden');
});
};
</code></pre>

<p>and</p>

<pre><code>jQuery.fn.appear = function() {
     this.css('visibility', 'visible');
     this.fadeTo('slow', 1);
};
</code></pre>
