如何在kwicks的jquery手風琴圖像滑塊底部獲得upsliding標題

Question

我正在使用this手風琴滑塊。

除了我需要的每個圖像，在特定背景（即灰色）上坐在相應圖像底部的個別文本，一切都可以。在顯示圖像時，具有背景的文字只會在圖像上滑動。文本部分的高度將很小（如果圖像高度爲250像素，則文本部分高度可以爲50像素）。

有人在那裏只是告訴哪些部分的js和html被修改和以哪種方式？

向上滑動效果或在圖片上放置文本是相當容易的，但我正在尋找解決方案，以適應不小（至少在我看來）腳本。

Answer 1

你將需要使用updated version of 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(); 
    } 

});