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

Question

我的jquery幻灯片出了问题。

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

当我将鼠标悬停在我的图片上时，隐藏的内容会滑出来，当我不会徘徊时，它会滑入，这很棒，但我需要对其进行微调，以便当我将鼠标悬停在内容上时隐藏的内容将保持打开而不仅仅是图片。 任何人都可以帮助我，我是网络设计的新手，并且已经坚持了一段时间。 提前致谢。

我讲的太快了，我尝试了上面的解决方案而且没有用。我的幻灯片甚至没有打开，当我只改变其中一个不知道问题是什么时，它打开我的页面上的所有其他幻灯片。这是我的HTML：

 信息文本到这里

-

嗨thebiffboff我将我的html和css复制到你发送的小提琴链接中并使用你向我展示的解决方案并且它工作得很好但它不会在我自己的页面中，我怎么能去寻找问题

Answer 1

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