如何为kwicks的jQuery手风琴图像滑块在底部获得向上滑动的标题

Question

我正在使用此手风琴滑块。

一切正常，除了我需要每个图像，单个文本将在特定背景（即灰色）上位于相应图像的底部。 在显示图像时，带有背景的文本将在图像上向上滑动。 文本部分的高度将很小（如果图像高度为250px，则文本部分的高度可以为50 px）。

有人在那里告诉您要修改js和html的哪一部分，以及采用哪种方式吗？

滑动效果或在图像上放置文字是很容易的，但是我正在寻找一个不太小的脚本（至少在我看来）的解决方案。

Answer 1

您将需要使用带有回调的Kwicks的更新版本 。

然后添加标题css来放置标题和以下回调代码（此处是一个demo ）：

$('#demo').kwicks({

    // event called before kwicks expanding animation begins
    expanding: function(kwick) {
        kwick.$kwicks.find('.caption').stop(true,true).slideUp();
        kwick.$active.find('.caption').stop(true,true).slideDown();
    },
    // event called before kwicks collapsing animation begins
    collapsing: function(kwick) {
        kwick.$kwicks.find('.caption').stop(true,true).slideUp();
    }

});