Question

可能重复：
jQuery - How to Use slideDown (or show) function on a table row?

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

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

Answer 1

你的jsFiddle有几个问题：

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

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

这是更新的jQuery：

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

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