二、jquery手風(fēng)琴特效插件

手風(fēng)琴效果是項(xiàng)目中使用頻率較高的一種效果，原來(lái)項(xiàng)目一直都在用easyui的，臨近年末，試著自己寫(xiě)了一個(gè)

css樣式

/* CSS Document */
?
body {
?
??? margin: 0 auto;
?
??? padding: 0 auto;
?
??? font-size: 9pt;
?
??? font-family: 微軟雅黑, 宋體, Arial, Helvetica, Verdana, sans-serif;
?
}
?
.accordion {
?
??? padding-left: 0px;
?
}
?
.accordion li {
?
??? border-top: 1px solid #000;
?
??? list-style-type: none;
?
}
?
.titlemenu {
?
??? width: 100%;
?
??? height: 30px;
?
??? background-color: #F2F2F2;
?
??? padding: 5px 0px;
?
??? text-align: left;
?
??? cursor: pointer;
?
}
?
.titlemenu img {
?
??? position: relative;
??? left: 20px;
??? top: 5px;
}
.titlemenu span {
??? display: inline-block;
??? position: relative;
??? left: 40px;
}
.submenu {
??? text-align: left;
??? width: 100%;
??? padding-left: 0px;
}
.submenu li {
??? list-style-type: none;
??? width: 100%;
}
.submenu li img {
??? position: relative;
??? left: 20px;
??? top: 5px;
}
.submenu li a {
??? position: relative;
??? left: 40px;
??? top: 5px;
??? text-decoration: none;
}
.submenu li span {
??? display: inline-block;
??? height: 30px;
??? padding: 5px 0px;
}
.hover {
??? background-color: #4A5B79;
}