Custom effects not working
<p>I made a custom effect method using <code>.animate()</code> method to get a better <code>slideUp</code> and <code>slideDown</code> method. <a href="http://jsfiddle.net/W5qQF/" rel="nofollow"><strong>Here's the result</strong></a></p>

<p>The animation <code>moveUp</code> works but <code>moveDown</code> doesn't and I have to pass <code>fadeIn</code> in <code>.init()</code> call. I know that its because of this CSS, </p>

<pre><code>.js-enabled form {
position: absolute;
top: -21px;
display: none;
}
</code></pre>

<p>as <code>fadeIn</code> removes <code>display: none;</code> </p>

<p>So, I changed the CSS to</p>

<pre><code>/* top: -21px; */
/* display: none; */
top: -330px;  /* &lt;-- Added later and everything stopped working */
</code></pre>

<p><a href="http://jsfiddle.net/W5qQF/1/" rel="nofollow"><strong>Here's the result</strong></a></p>

<p>Any ideas why its not working?</p>

<p>thanks for help !</p>

<p><strong>EDIT</strong></p>

<p>Found the problem, its in JS line 34</p>

<pre><code>if (container.is(':hidden')) {
</code></pre>

<p>I changed it to</p>

<pre><code>if (container.css('top') == -330) {
</code></pre>

<p>But still nothing</p>
