javascript - 仅限 JQuery Slide (this) 元素

Question

我试图让这个工作，如果你将鼠标悬停在带有照片类别的 div 上，照片信息会滑入该 div(不是两个)。我想我需要 Jquery 中的“this”，但我有点迷路了。我不想给每个 div.photo 一个单独的 id。如何修改我的脚本？

                  <div class="photo">
                      <div class="photo-info"><p>Some information</p></div>                   
                  </div>
                  <div class="photo">
                      <div class="photo-info"><p>Some information</p></div>                   
                  </div>

.photo-info {display:none;}

<script>
$(document).ready(function() {

$(".photo").hover(function () {
    $(".photo-info").slideToggle("slow");
});

});
</script>

Answer 1

在这里使用它你可以获得那个div的 child

$(this).children(".photo-info").slideToggle("slow");