Jquery 制作折叠div集的困难

我需要制作一个可折叠的div，所以我遵循下面的结构，但无论如何，div taht的形成并没有被扩展

<div class="container">
    <div class="header"><span>Expand</span>

    </div>
    <div class="content">
        <ul>
            <li>This is just some random content.</li>
            <li>This is just some random content.</li>
            <li>This is just some random content.</li>
            <li>This is just some random content.</li>
        </ul>
    </div>
</div>

---

任何人都可以告诉我错误是什么吗？？？

当您使用

.prepend（）

方法放置元素时，您应该使用以下方法：

$content = $header.prev();  // $content = $header.next();

或者改变这一点：

$("#ordersdiv").append(buildcart); // $("#ordersdiv").prepend(buildcart);

---

谢谢你的回答，小提琴很好用，但不知怎么的，我很难做到这一点。我正在努力，再次感谢。我注意到header事件没有被触发，我也更改了header类。但还是一样。你是如何产生你的标题的？它是一个静态内容吗？或者通过js，您也已经生成了它。静态本身。只是在html部分中指定的。您必须将代码包装在：

$（function（）{…here…}）
.container {
    width:100%;
    border:1px solid #d3d3d3;
}
.container div {
    width:100%;
}
.container .header {
    background-color:#d3d3d3;
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}
.container .content {
    display: none;
    padding : 5px;
}

$content = $header.prev();  // $content = $header.next();

$("#ordersdiv").append(buildcart); // $("#ordersdiv").prepend(buildcart);