jQuery: когда слайдер сползает вниз по его скользящему от верхней части

Question

У меня есть стандартная раскрывающаяся форма, которую вы нажимаете на ссылку, и она приносит форму вниз.

Вопросы, я имею в том, что:

1) При нажатии на иконку, чтобы опустить окно вниз, он скользит из верхней части DIV, а не снизу (см мою ссылку в качестве примера) , Я попытался добавить верхнюю границу поля в скрытый div, чтобы он скользил вниз под иконкой, а также 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