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()方法改变它的显示与隐藏状态。
需要注意的是，如果要实现多个折叠元素，应该为每个元素添加一个独立的事件处理程序，而不要共用一个处理程序。
