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

Question

我正在使用这个手风琴滑块。

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

有谁只是告诉js和html的哪一部分要修改以及以哪种方式修改？

向上滑动效果或在图像上放置文本非常容易，但我正在寻找不那么小的（至少在我看来）脚本的情况下的解决方案。

Answer 1

您需要使用具有回调的 Kwicks one 的更新版本。

然后添加字幕，css定位字幕和以下回调代码（这里是一个演示）：

$('#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();
    }

});