Javascript JQuery幻灯片（仅此）元素

我试图让这个工作，如果你在与照片类的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信息{显示：无；}

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

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

});
</script>

$（文档）.ready（函数（）{
$（“.photo”）.hover（函数（）{
$（“.photo info”）.slideToggle（“慢”）；
});
});

在这里使用此选项，您可以获得该div的子级

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

---

您需要使用

此

选择器和

查找

以确保只访问该元素的子元素，如下所示：

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

---

看看这个

为了做你想做的事，你确实需要使用这个，但是不要害怕。其实很简单。请看以下片段：

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

用这个代替：

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

---

所有问题都解决了。希望这能有所帮助。

Vitorino你是个天才。非常感谢：）

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