做好的手风琴效果如下，具体看代码：
html代码
复制代码 代码如下:
accordion
level one
first item
second item
third item
level one
first item
second item
third item
level one
first item
second item
third item
common.js文件
复制代码 代码如下:
var eventutil = {
addhandler : function (element, type, handler) {
if (element.addeventlistener) {
element.addeventlistener(type, handler, false);
} else if (element.attachevent) {
element.attachevent(on + type, handler);
} else {
element[on + type] = handler;
}
},
removehandler : function (element, type, handler) {
if (element.removeeventlistener) {
element.removeeventlistener(type, handler, false);
} else if (element.detachevent) {
element.detachevent(on + type, handler);
} else {
element[on + type] = null;
}
},
getevent : function (event) {
return event || window.event;
},
gettarget : function (event) {
return event.target || event.srcelement;
}
}
var getstyle = function (el, style) {
if (el.currentstyle) {
style = style.replace(/\-(\w)/g, function (all, letter) {
return letter.touppercase();
});
var value = el.currentstyle[style];
return value;
} else {
return document.defaultview.getcomputedstyle(el, null).getpropertyvalue(style);
}
}
var toggledisplay = function (element) {
var display = getstyle(element, display);
if (display == none) {
element.style.display = block;
} else {
element.style.display = none;
}
}