jQuery：当滑块从顶部滑下滑动时

Question

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

我遇到的问题是：

1）当您单击图标以放下框时，它会从div的顶部而不是从下方滑动（请参阅我的链接作为示例）。我已经尝试在隐藏的div中添加一个margin top，因此它在图标下方向下滑动，并且还有一个z-index，但似乎没有发生任何事情。愚蠢的是，我在网站上有一个类似的图标，我必须以这种方式工作，但当将相同的样式应用于此图标滑块时，它似乎不适用！

非常感谢任何帮助。

链接：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