Jquery 幻灯片需要内容在悬停时保持打开状态

Question

我的 jquery 幻灯片遇到问题。

$(document).ready(function() 
{
  $(".events").hover(function() 
  {
      $(this).next().slideToggle(400);
  }, function() {
      $(this).next().slideToggle(400);
  });
});

当我将鼠标悬停在图像上时，隐藏的内容会滑出，当我没有悬停时，它会滑入，这很好，但我需要对其进行最小化，以便当我将鼠标悬停在内容上时，隐藏的内容将保持打开状态，而不仅仅是图像。谁能帮助我，我是网页设计新手，并且已经坚持了一段时间了。提前致谢。

我说得太快了，我尝试了上面的解决方案，但它不起作用。我的幻灯片甚至无法打开，并且当我只更改其中一张幻灯片时，它阻止了我页面上的所有其他幻灯片打开，不确定问题是什么。这是我的 html:

此处显示信息文本

-

嗨，thebiffboff，我将我的 html 和 css 复制到您发送的 fiddle 链接中，并使用了您向我展示的解决方案，它工作得很好，但它不会在我自己的页面中，我该如何寻找问题

Answer 1

您可以将图像和隐藏内容包装在包装器中，然后将悬停事件绑定(bind)到该包装器。我创建了一个示例 fiddle为你。我还添加了 .stop() 方法，该方法会清除当前的动画队列，否则如果您快速进出鼠标多次，幻灯片将在完成后继续上下滑动。