jQuery的.slideUp与多个div具有相同的类

Question

您好我很新的jquery和正确使用它的方式应用功能的div，但它与多个div共享它的类。我想要的是将鼠标上的.slideUp（）一次输入到div中的一个。我的问题是，他们都有相同的类，当我的鼠标进入任何divs，他们都滑动。下面是我用jQuery使用.hide切换的html。我知道我需要使用某种变量或选择器来告诉jquery该做什么，但我不知道该怎么做。任何帮助都感激不尽。

这是Jquery的

$(document).ready(function(){ 


     $(".item1, .item2, .item3").mouseenter(function(){ 
      $(".black_overlay").toggle(); 
     }); 

这是HTML

<div id="container"> 
      <div class="item1"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div>    
      </div> 
      <div class="item3"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div> 
      <div class="item2"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div> 
      <div class="item3"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div> 
      <div class="item2"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div>   
</div> 

所有这些div最终将使用砖石组织他们在屏幕上的WordPress的职位。

Answer 1

使用.find()选择一个例外：

$(".item1, .item2, .item3").mouseenter(function(){ 
     $(this).find(".black_overlay").toggle(); 
    });