slideDown不会“隐藏”元素

我想显示/隐藏订单表单的动画效果很好,除了一个问题,表单在向下滑动时不会隐藏,它的一部分仍然可见。

HTML格式:

<div class="post">
    <div class="post-content">
        <a href="" class="order"></a>
        ...
    </div>
    <div class="order-form">
        <a href="" class="close"></a>
        ...
    </div>
</div>

jQuery(查询):

$(".post .order").click(function () {
          $(this).fadeOut();
          $(this).parents('.post-content').slideUp();
          $(this).parents('.post-content').next('.order-form').show();
          $(this).parents().find('.close').fadeIn();
          return false;
    });
    $(".order-form .close").click(function () {
        $(this).fadeOut();
        $(this).parents('.order-form').slideDown();
        $(this).parents('.order-form').prev('.post-content').slideDown(function(){
            $(this).parents('.order-form').prev('.post-content').css('display', 'none');
        });
        $(this).parents().find('.order').fadeIn();
        return false;
    });

..正如你所看到的,我试过了 .hide() 但这并没有像预期的那样起作用,它禁用了滑动向下的动画,这是一个整洁的抽屉(正确的单词?)式效果所必需的。

谢谢