選擇一個類的當前元素

Question

我在我的投資組合頁面上有幾個flexsliders，每個滑動通過我的不同項目。

當您懸停或單擊.flexslider時，我將類.captions向上滑動。

我該如何做到這一點，以便當您將鼠標懸停在當前的.flexslider上時，只是flexslider的.captions向上滑動。現在，如果您將鼠標懸停在一個.flexslider上，所有柔性滑軌上的.captions都會滑動。這是有道理的，我只是不知道該怎麼說，只是爲了這個班。它不工作，但在我的腦子裏，我想它是這樣的：

$("this").find(".caption").slideToggle("1000", "linear");  

這是我目前有：

var hoverOrClick = function() { 
      $(".caption").slideToggle("1000", "linear"); 
     } 

     $('.overlay').click(hoverOrClick).hover(hoverOrClick); 

謝謝！

編輯：.overlay相同.flexslider

編輯2：有關HTML

<div class="flexslider"> 
       <div class="overlay"></div> 
       <div class="caption">Hey yo this is a caption.</div> 
       <ul class="slides"> 
        <li><img src="images/wrightspread.jpg" alt="Science Museum Brochure"></li> 
        <li><img src="images/wrightspread2.jpg" alt="Science Museum Brochure"></li> 
        <li><img src="images/wrightspread3.jpg" alt="Science Museum Brochure"></li> 
       </ul> 
      </div> 

Answer 1

由於caption是overlay下一slibling，你需要使用.next()

var hoverOrClick = function() { 
     $(this).next(".caption").slideToggle("1000", "linear"); 
    }