1

I'm trying to do a simple animation with jQuery and jQuery Easing plugin. Animations are working well except if they are applied on section.quickReply

Here is my HTML:

<section class="post quickReply">
    <form method="POST">
        <header>Poster une réponse</header>
        <aside>
            <!-- Some image here -->
            <p><!-- Some link here --></p>
        </aside>
        <p class="content">
            <textarea></textarea>
            <input type="submit" value="Poster" />
        </p>
    </form>
</section>

If I apply this jQuery code, I see the right animation (slide up with easeInOutBounce):

$('section.quickReply form').submit(function(e) {

    e.preventDefault();

    $('section.quickReply form').slideUp({ duration: 5000, easing: 'easeInOutBounce'});

});

But with that code, I can't see the animation and after 5 seconds my block disappears suddenly:

$('section.quickReply form').submit(function(e) {

    e.preventDefault();

    $('section.quickReply').slideUp({ duration: 5000, easing: 'easeInOutBounce'});

});

Please help :)

4

1 回答 1

1

这个问题是由于min-height财产。自 jQuery 1.4 以来，这一直是一个问题animate和影响。slide

如果您将其删除，min-height您section会看到它运行良好：http: //jsfiddle.net/P8Quj/5/

以下是您应该阅读的有关该错误的资料：

于 2014-02-05T04:29:39.307 回答