非常好的菜单效果（Accordion风格）

效果图如下：

代码如下：

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.
非常好的菜单效果（Accordion风格）

);

demo.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
非常好的菜单效果（Accordion风格）

<HTML version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en"
非常好的菜单效果（Accordion风格）

xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Accordion</TITLE><LINK
非常好的菜单效果（Accordion风格）

href="favicon.gif" rel="shortcut icon">
非常好的菜单效果（Accordion风格）

<META http-equiv=Content-Type content="text/html; charset=utf-8">
非常好的菜单效果（Accordion风格）

<SCRIPT src="mootools.js" type=text/javascript></SCRIPT>
非常好的菜单效果（Accordion风格）

图片自己找合适的就可以了