jquery - 将鼠标悬停在一些 div 上并在 jquery 中显示另一个 div

Question

我希望当鼠标悬停在 (li.title) 上时，然后使用 jquery 显示下一个 (div.content)。 我测试了一些代码，但是当鼠标悬停在标题上时，只显示一个内容。

现在我能做什么？

我的 HTML 代码

<div class="posts">

<li class="title">
<a href="#">Title post</a>
</li>

<div class="content">
Content
</div>

</div>

<div class="posts">

<li class="title">
<a href="#">Title post</a>
</li>

<div class="content">
Content
</div>

</div>

<div class="posts">

<li class="title">
<a href="#">Title post</a>
</li>

<div class="content">
Content
</div>

</div>

Answer 1

将您的内容重命名为 content1、content2、content3 以查看不同的正文和代码:

$('.title').mouseover(function () {

    alert($(this).next('div').html());
});

然后你可以隐藏所有内容并显示正确的下一个内容