div를 현재 슬라이드 안에서보기 slick

Question

나는 slick 슬라이더를 사용하고 있으며 현재 슬라이드에서만 인용 부호가있는 div를 표시하려고합니다. 나는 그 방법으로 그것을 시도했다 :

function displayQuote() { 
if ($('div').hasClass("slick-current")) { 
    $(this).find('.quote').css('display', 'block'); 
} 
} 
displayQuote(); 

그러나 그것은 작동하지 않는다. 여기에 전체 코드는 다음과 같습니다 http://codepen.io/pjmtokyo/pen/JYyjew

난 그냥 어떤 도움

Answer 1

보다 간단는 감사하겠습니다 때문에 초보자 있어요. 먼저 모든 캡션을 숨겨야합니다. 캡션이 숨겨지면 현재 슬라이드의 캡션을 표시해야합니다. 슬라이드가 활성 상태가되면 (현재 슬라이드) 매끄러운 상태에서 활발하게 활동합니다. 당신은 그 클래스 안에 캡션을 표시합니다. 다음은 그 코드입니다. 나는 이것이 당신의 문제를 해결하기를 바랍니다.

figcaption { 
    display: none; 
} 

.slick-active figcaption { 
    display: block; 
}