1

可能重复：
jQuery - 如何在表格行上使用 slideDown（或显示）函数？

我有这个页面结构：当鼠标悬停在表格单元格上时，表格单元格会展开，我想要的是在这个特定单元格之后向下滑动第一个 div。我从标签中制作了我的滑动 div，<section>因为我不希望它成为表格的一部分。

正如您在我的示例中看到的 slideDown 函数没有做任何事情，（可能是我犯了一些错误 =））所以这里是小提琴http://jsfiddle.net/9FC9D/1/

4

1 回答 1

3

您的 jsFiddle 有几个问题：

a) 没有应用 jQuery b) 您将悬停事件绑定到错误的元素（“.box”而不是“section”，并且“.box”是一个没有任何布局的空 div）。

看起来好像在悬停时发生了一些事情，但这来自 CSS 而不是 JS。我已经调整了您的小提琴（http://jsfiddle.net/9FC9D/4/），以便您的函数在悬停时执行（并将其更改为 slideToggle，否则您需要定义一个“in”函数和一个“out”功能 - 请参阅http://api.jquery.com/hover/了解更多信息）。

这是更新的 jQuery：

$(document).ready(function () {
    $("#wrapper section").hover(function() {
        $(this).next('.box-content').slideToggle(500);
    }); 
});

您的 CSS 仍然存在一些样式问题 - 仍然不能 100% 确定您想要实现的目标，但如果您提供有关所需效果的更多信息，我们很乐意就这些问题提出建议。

于 2013-01-15T23:36:59.557 回答