javascript - 点击向上滑动div

Question

我想创建一个类似于 bbc 网站的效果，用户点击标题，然后会弹出一段内容:http://www.bbc.co.uk/

我找遍了所有地方并找到了这个片段

$('.grabPromo').click(function(e){
$('.slideUp').slideToggle();
});

JSFIDDLE

但是我不能把它弄到相反的地方吗？我希望文本向上滑动而不是向下滑动。任何帮助，将不胜感激。如果有人可以使用 css 或 Jquery 为我指出正确的方向，我将不胜感激。

我将它用于 Slick Carousel 上的字幕以防万一。

点击前我想要什么:

我希望它在点击时执行的操作:

Answer 1

您可以使用回调:

$('.grabPromo').click(function(e){ 
    $('.slideUp').slideDown(300 , function() {
         $(this).slideUp(300);
    });
});

参见 fiddle : http://jsfiddle.net/Sd8rh/858/

在这个 fiddle 中，你有一个延迟的例子。

祝你好运