jQuery:当 slider 表单从顶部向下滑动时

Question

我有一个标准的下拉表单，您点击链接即可将表单拉下来。

我遇到的问题是:

1) 当您单击图标将框下拉时，它会从 div 的顶部而不是从下方滑动(请参阅我的链接作为示例)。我已经尝试在隐藏的 div 上添加边距顶部，以便它在图标和 z-index 下向下滑动，但似乎没有任何反应。愚蠢的是，我在网站上有一个类似的图标，我必须以这种方式工作，但是当对这个图标 slider 应用相同的样式时，它似乎不适用!

如有任何帮助，我们将不胜感激。

链接:http://jsfiddle.net/kyBRZ/3/

$(this).find('form').slideToggle();

Answer 1

解决方法之一。

   #like form {
        position:relative;
        top:50px;
        display:none;
        width:180px;
        background:#ebece7;
        padding:20px;
        border:1px solid blue;
        height:150px;
    }

jsfiddle