jquery折叠

jQuery中提供了.hide()和.show()方法来实现折叠和展开的效果。可以通过以下代码来实现一个简单的折叠效果：

HTML代码：

<div class="box">
  <h3>这是一个标题</h3>
  <div class="content">这是内容，可以折叠</div>
</div>

CSS代码：

.content {
  display: none;
}

jQuery代码：

$(document).ready(function(){
  $('h3').click(function(){
    $(this).next('.content').slideToggle();
  });
});

上述代码的意思是：当页面加载完成后，为所有的h3元素添加点击事件，当点击h3元素时，寻找下一个.content元素，并使用.slideToggle()方法改变它的显示与隐藏状态。

需要注意的是，如果要实现多个折叠元素，应该为每个元素添加一个独立的事件处理程序，而不要共用一个处理程序。