CSS+JS实现一个DIV层的展开折叠效果

可以使用jQuery来实现一个DIV层的展开折叠效果，具体代码如下：

HTML代码：

<div class="wrapper">
    <div class="header">点击我展开或收起内容</div>
    <div class="content">这是要展开或收起的内容</div>
</div>

CSS代码：

.wrapper {
    border: 1px solid #ccc;
    margin: 20px;
    overflow: hidden;
}
.header {
    background-color: #ccc;
    cursor: pointer;
    padding: 10px;
}
.content {
    display: none;
    padding: 10px;
}

jQuery代码：

$(document).ready(function() {
    $('.header').click(function() {
        $('.content').slideToggle();
    });
});

这样，当点击header元素的时候，content元素就会展开或收起。