jQuery:平滑地滑入元素？

Question

我正在尝试使用 jquery 平滑地滑入元素。

但由于某种原因，元素并没有真正滑入，效果一点也不平滑!

请在此处查看 jsfiddle:http://jsfiddle.net/q7o0p488/1/

这是我的 jquery 代码:

$(function() {
    $('.mypro').hover(function() {
        $(this).children('.overlay').fadeIn('slow');
        $(this).children('.overlayBtns').slideToggle();

      },
      function(){
        $('.overlay').fadeOut();
        $('.overlayBtns').fadeOut('slow');
      }
   );
});

我试图创建的效果基本上是从顶部平滑地滑动红色元素。

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

Answer 1

尝试调整 slideToggle 持续时间。 http://jsfiddle.net/oehzLsvc/