jquery - slideToggle 不工作 jquery

Question

我最近一直在尝试使用 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();
    }
}

Answer 1

我想你只是忘记了一些)

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

Fiddle