Jquery 从底部拉出/向上滑动div？

当你点击链接/图片时，我想让一些“聊天”窗口从底部向上滑动。我自己先试过，但我想不出来。 在这里和其他网站上做了一些搜索。。。但显然我不太擅长这个

我也看到了这个，但我无法让它为我工作：

这就是我目前所拥有的：

<div id="wrapper">
<div id="onlinehulp">
    <div id="clickme"><img src="http://i.imgur.com/hv3Rkf8.png">
        </div>
        <div id="contact-online">
        </div>
</div>

我让它工作，所以当我们点击图像时，窗口会向上滑动，但当我们再次点击图像时，它不会向下滑动，即使实际的窗口确实消失并向后滑动

---

有人能把我推到正确的方向吗？

要向上滑动，你需要设置动画回到底部：0px。要知道弹出窗口是否打开，可以使用类：

$( "#clickme" ).click(function() {
    $( "#contact-online" ).slideToggle( "slow", function() {

    });

    if ($('#onlinehulp').hasClass('open')) {
        //close it
        $('#onlinehulp').animate({bottom: '0px'}, 'slow', function() {
            $('#onlinehulp').removeClass('open'); 
        });
    } else {
        // open it
        $('#onlinehulp').animate({bottom: '218px'}, 'slow', function() {
            $('#onlinehulp').addClass('open');
        });
    }
});

---

更新。

检查此链接”“我是否也必须更改HTML和/或CSS中的任何内容，添加一个具有魔力的“open”类？它现在一点也不动了。很抱歉，这基本上是我第一次使用jquery。不，该类只是javascript程序的一个标志，用于确定onlinehulp div是否可见。有一个小语法错误，我编辑了它。请在发布前检查语法。没有它，这是正确的答案。忽略我发布的一个…谢谢！“效果很好。”杰尔默·贾斯珀的回答是正确的。它更有用。这里面有一个小的语法错误。@Jelmer如果它能工作，那么你应该感谢他为投票所做的努力，因为他值得这样做，这可能会帮助未来的用户寻找同样的结果

$( "#clickme" ).click(function() {
    $( "#contact-online" ).slideToggle( "slow", function() {

    });

    if ($('#onlinehulp').hasClass('open')) {
        //close it
        $('#onlinehulp').animate({bottom: '0px'}, 'slow', function() {
            $('#onlinehulp').removeClass('open'); 
        });
    } else {
        // open it
        $('#onlinehulp').animate({bottom: '218px'}, 'slow', function() {
            $('#onlinehulp').addClass('open');
        });
    }
});

$( "#clickme" ).click(function() {
    $( "#contact-online" ).slideToggle( "slow");
    if($(this).hasClass('hide')){
        $('#onlinehulp').animate({bottom: '0px'}, 'slow');
        $(this).removeClass('hide').addClass('show');
    } else {
        $('#onlinehulp').animate({bottom: '218px'}, 'slow');
        $(this).removeClass('show').addClass('hide');
    }
});