Jquery 基本切换（）从下到上的幻灯片问题

这段代码实际上是有效的，但并不完全符合我的预期

“.socialSlide”是设置在页面底部的一个div，其中有一个突出的锚定“选项卡”。div的其余部分隐藏在底部。我们的想法是在点击或悬停该链接时通过动画显示或隐藏div

// Adding the anchor link and hiding the rest of the div   
$('.socialSlide').prepend('<a href="#" class="ssOpen">Share</a>').css('bottom', '-77px');

正在发生的事情：

锚接第一个球 单击时为命令设置动画。好的

应再次单击锚定链接 像以前一样把div藏起来，但是 没有发生。至少上升了 其他70像素

第三次点击 锚似乎执行第二个命令 函数（）正确，然后 首先，从那以后

---

那么，第二步可能会发生什么？我错过什么了吗？如果这听起来太简单，我会道歉。提前感谢。

第二步应该隐藏div？那么底部应该有负值：

$('.socialSlide a.ssOpen').toggle(function() {
    $(this).parent().stop().animate({"bottom": "-25px"},{ queue:false, duration:900});
}, function() {     
    $(this).parent().stop().animate({"bottom": "-70px"},{ queue:false, duration:900});
});

---

但我不会用它来隐藏显示项目，而是用另一个DIV包装内容并滑动切换，如。

您可以在自己的网站或网站上显示它吗

$('.socialSlide a.ssOpen').toggle(function() {
    $(this).parent().stop().animate({"bottom": "-25px"},{ queue:false, duration:900});
}, function() {     
    $(this).parent().stop().animate({"bottom": "-70px"},{ queue:false, duration:900});
});