如何基于重复的类具有多个上滑实例

Question

我在前端使用类似的东西来代码如下：

<div class="slide_toggle">
    <div class="slide_up">
      <p>Title 1</p>
    </div>
</div>
<div class="slide_toggle">
    <div class="slide_up">
      <p>Title 2</p>          
    </div>
</div>
<div class="slide_toggle">
    <div class="slide_up">
      <p>Title 3</p>          
    </div>
</div>

所以基本上我的目标是让“slide_up”div在使用jQuery悬停“slide_toggle”时向上滑动。到目前为止，我使用以下jQuery，它可以完美地用于一个实例，但我希望每个实例单独工作，而不必再次处理jquery引用不同的类（即slide_toggle1。slide_toggle2 etcetc

$(".slide_toggle").hover(function () {
    $(".slide_up").slideToggle("fast");
});

Answer 1

只需进行一些小改动就可以让它成为父母本地的所有内容，否则所有.slide_up元素都会滑动

$(".slide_toggle").hover(function () {
    $(".slide_up", this).slideToggle("fast");
});