Jquery .slideUp（）不'；行不通

以下是我正在尝试做的-我的页面结构如下：

<div id="wrapper">
    <div id="page_banner">
        <canvas id="voucher_canvas"></canvas>
        <div id="div_voucher_img"><img id="voucher_img" src="" /></div>
    </div>

   <div id="content">
        inner divs with contact form...
        <div id="div_send_form"></div>
   </div>
</div>

当用户填写表单并单击

#div#u send_表单

时，它应该在画布上绘制一张凭证，其中包含他输入的一些详细信息，然后从该画布创建一个图像。之后，我想

slideUp（）

（隐藏）内容div，完成后

slideDown（）

（显示）页面横幅

：

$("#content").slideUp(400, function () {
    $("#page_banner, #div_print_voucher").slideDown(1000);
});

出于某种原因，它不会执行
slideUp（）

为什么会这样

我试图创建一个，但我猜它不支持画布，因此它在那里也不能正常工作。
发现问题：
#content
div的高度在CSS中定义如下：

height:640px !important;

！重要信息
零件防止其正确向上滑动。一旦它被移除，一切正常。
是的，一般来说，重要的
s是可以避免的。我认为它们更多的是一种黑客行为，而不是良好的实践代码。
height:640px !important;