jQuery：當滑塊形式從頂部向下滑動時滑動

Question

我有一個標準的下拉表單，單擊鏈接並將表單向下。

我遇到的問題是：

1）當你點擊圖標來落下的方塊，它從div的頂部，而不是從下面滑動（見我作爲一個例子鏈接） 。我曾嘗試向隱藏的div添加邊距頂部，以便它在圖標下滑動並且也是z索引，但似乎沒有發生任何事情。愚蠢的事情是，我在網站上有一個類似的圖標，我必須以這種方式工作，但將相同的樣式應用於此圖標滑塊時，它似乎不適用！

任何幫助將不勝感激。

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