jquery - slideToggle不起作用jQuery

我最近一直在尝试使用jQuery，并且尝试创建类似spring的对象，但是slideToggle()似乎存在一些问题。有什么帮助吗？

的HTML

<table>
    <td>
        <div class="header">Spring!</div>
        <div class="footer">Spring!</div>
        <div class="header">Spring!</div>
        <div class="footer">Spring!</div>
        <div class="header">Spring!</div>
        <div class="footer">Spring!</div>
        <div class="header">Spring!</div>
        <div class="footer">Spring!</div>
        <div class="header">Spring!</div>
        <div class="footer">Spring!</div>
        <div class="header">Spring!</div>
        <div class="footer">Spring!</div>
    </td>
</table>

的CSS

  .header {
    background-color: #ffffff;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}
.footer {
    background-color: #cccccc;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}

jQuery的：

$(document).ready(function () {
    $(".header").hover(function () {
        $(".footer").slideToggle();
    }
}

最佳答案

我想你只是忘记了一些)

$(document).ready(function () {
    $(".header").hover(function () {
        $(".footer").slideToggle();
    }) //forgot a ")" here
})  //forgot a ")" here

Fiddle