Jquery 固定底部滑动切换未返回到原始位置

我正在网站右下角为这个固定联系人表单创建一个上下滑动切换。我能够让它向上滑动，但无法让它切换回原来的起始位置

我哪里做错了

jQuerydocument.readyfunction{ jQuery.footer.contactformbox.sectionbar.clickfunction{ jQuery.footer.contactformbox.slideToggle{ 方向：向上 }，300.cssbottom，0； }; }; .footer.contactformbox{ 背景色：fff； 边框：1px000； 底部：-100px； 高度：140像素； 宽度：300px； 位置：固定； 显示：块！重要； 右：15px； z指数：999999； 边界半径：6px 6px 0； -moz转换：所有.2秒易用； -o-过渡：所有.2秒容易进入； -webkit过渡：所有.2易用性； } .footer.contactformbox.sectionbar{ 背景色：000； 颜色：fff； 显示：块； 利润率：0.20px； 填充：10px0； } 联系我们 这将有助于：

上面的缺点是，在表单中单击会使其最小化。我建议采用另一种方法：

HTML:

---

请注意，必须单击标题栏。截面栏才能关闭。

除了设置元素高度的动画外，还可以更改元素的“显示”属性。这是为了在切换关闭时隐藏图元，并在切换打开时显示图元。因此，在切换父容器时使标题栏可见可能很困难

如果元素最初显示，它将被隐藏；如果隐藏，它将显示

我建议为滑动框的内容创建一个单独的元素，作为标题栏的同级元素。这样，您可以隐藏内容框，同时使其标题栏可见

在下面的演示中，长方体由head元素和body元素组成。主体的高度设置为所需的高度，元素隐藏时显示：无

切换时，主体的高度将设置动画

jQueryfunction{ jQuery.formbox-head.clickfunction{ jQuery.formbox-body.slideToggle300； }; }; .表格盒{ 位置：固定； 底部：0； 右：1em； 宽度：300px； 字体大小：14px； } .表格箱头{ 背景色：000； 颜色：fff； 填充物：5em 1em； 边界半径：.5em.5em 0； } .模板盒体{ 背景色：fff； 边框：1px000； 身高：5公分； 填充：1em； 显示：无； } 联系我们 盒子的内容在这里。 尝试使用.animate设置、重置selector.footer.contactformbox的css底部属性

jQuerydocument.readyfunction{ var elem=jQuery.footer.contactformbox jQuery.footer.contactformbox.sectionbar.ClickFunction e{ 元素动画{bottom:elem.cssbottom===-328px？+=125:-328px} ，200，线性 }; }; .footer.contactformbox{ 背景色：fff； 边框：1px000； 底部：-328px； 高度：368px； 宽度：300px； 位置：固定； 显示：块！重要； 右：15px； z指数：999999； 边界半径：6px 6px 0； -moz转换：所有.2秒易用； -o-过渡：所有.2秒容易进入； -webkit过渡：所有.2易用性； } .footer.contactformbox.sectionbar{ 背景色：000； 颜色：fff； 显示：块； 利润率：0.20px； 填充：10px0； 底部：0px； } 联系我们 abc 123

$(".footer .contactformbox .sectionbar").click(function () {
    $(".footer .contactformbox").slideToggle({
        direction: "up"
    }, 300).css("bottom", "0");
    return false;
});
$('.footer .contactformbox').click(function(){
    $(".footer .contactformbox").slideToggle({
        direction: "up"
    }, 300).css("bottom", "-328px");

});

<div class="footer">
    <div class="contactformbox form-body">
        <div class="sectionbar">Contact Us</div>
        <div class="form"></div>
    </div>
</div>

var ff = $('.contactformbox .form');

$(".footer .contactformbox .sectionbar").click(function () {
  if( ff.hasClass("toggled") ) {
    $(ff).animate({"height": "0px"}).removeClass("toggled");
  } else {
    ff.animate({"height": "368px"}).addClass("toggled");
  }
});