效果图如下：
代码如下：
accordion.js：
var stretchers = $$('div.accordion');
![]()
{}
mootools.js：
//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
![]()
);
demo.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en"
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Accordion</TITLE><LINK
href="favicon.gif" rel="shortcut icon">
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT src="mootools.js" type=text/javascript></SCRIPT>
![]()
图片自己找合适的就可以了
相关文章：