mootools 手风琴

var toggles = $$('.togglers');

var content = $$('.elements');

// 创建你的对象变量

// 使用“new”创建一个新的手风琴对象

// 设置开关（toogle）数组

// 设置内容数组

var AccordionObject = new Accordion(toggles, content);

 

选项

 

display//这个选项决定了当页面加载后哪个元素会显示出来。默认值为0，因此第一个元素会显示出来。

 

show//默认为0，和“display”非常类似，“show”决定了当页面加载后那个元素将会展开，不过它没有渐变动画，它只是在页面加载后显示出来，而不使用任何渐变动画。

 

 

height//默认为true，当设置为true，内容显示时，将有高度渐变动画效果。

 

width//默认为false，和“height”类似，不过不是使用高度渐变动画来显示内容，而是使用宽度渐变动画来显示内容。

opacity//默认为true，这个选项设置了当你隐藏或者显示内容时，是否使用不透明度渐变效果。

fixedHeight//默认为false，要设置一个固定的高度，你可以在这里设置一个整数。

fixedWidth//默认为false

alwaysHide//默认为false

 

事件

 

onActive//当你开关一个元素时触发这个事件。他将会传递这个开关控制元素和内容元素，还有开关状态作为参数。

onBackground//当ige元素开始隐藏时触发这个事件，它将传递所有其他正则关闭的元素作为参数，而不是展开的元素。

onComplete//这是一个标准的onComplete事件。它传递一个包含内容元素的变量。

 

方法

.addSection();//我们引用一个手风琴对象，在后面加上.addSection，然后你可以调用标题的id、内容的id，最后给它指定一个位置——这个新元素要出现的位置（0是第一个位置）。

.display();//这个方法可以让你展开一个指定的元素。你可以通过它的索引值来选择这个元素