选择一个类的当前元素

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"); 
    }