javascript - 单击时向上滑动div

我想创建一个类似于BBC网站的效果，用户将在该网站上单击标题，然后弹出一小段内容：http://www.bbc.co.uk/

我到处都看过了，发现了这个片段

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

JSFIDDLE

我不能相反吗？我想让文字滑动而不是向下滑动。任何帮助，将不胜感激。如果有人可以使用css或jQuery向我指出正确的方向，我将不胜感激。

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

点击之前我想要什么：


我希望它在Click上执行的操作：

最佳答案

您可以使用回调：

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

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

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

祝好运

关于javascript - 单击时向上滑动div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31963605/