单击时向上滑动div

Question

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

我遍布整个地方并找到了这个片段

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

JSFIDDLE

虽然我不能相反吗？我希望文本滑动而不是向下滑动。任何帮助，将不胜感激。如果有人能指出我使用CSS或Jquery正确的方向，我将不胜感激。

我正在使用Slick Carousel上的字幕，以防万一。

点击前我想要的内容：

我想要点击的内容：

Answer 1

您可以使用回调：

forEachRemaining

看小提琴： http://jsfiddle.net/Sd8rh/858/

在这个小提琴中你有一个延迟的例子。

祝你好运

Answer 2

您可以使用jquery UI库

$('.grabPromo').click(function(e){
  $('.slideUp').toggle("slide", { direction: 'up' });
});

了解更多信息 https://jqueryui.com/effect/