windowToggle在窗口调整大小后重新计算？

Question

很抱歉，如果这很明显，但我还没有找到答案。

我使用slideToggle：

进行悬停效果

$('.item').hover(function () {
  $(this).find('.item-top').stop().slideToggle(300);
});

当浏览器窗口调整大小时，切换不再正常，因为其内容已更改高度。我怎么做到这样，即使在窗口调整大小后这仍然可以工作？

Fiddle Here如果您使窗口小于300px，您会看到文本会滑开但灰色背景会提前停止。

Answer 1

执行此操作的第二种方法是摆脱文档就绪事件，导致此事件仅触发一次。 JS中的这样的东西：

$('div').hover(function () {
  $(this).find('p').stop().slideToggle(300);
});

更新了jsfiddle