自定义jquery手风琴插件

/* 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;
}

(function ($) {piano &＃61; function () {_menu &＃61;&＃39;[{"title":"一级目录","img":"images/cog.png","submenu":[{"title":"二级目录","img":"images/monitor_window_3d.png"},{"title":"二级目录","img":"images/monitor_window_3d.png"},{"title":"二级目录","img":"images/monitor_window_3d.png"}]},{"title":"一级目录","img":"images/cog.png","submenu":[{"title":"二级目录","img":"images/monitor_window_3d.png"},{"title":"二级目录","img":"images/monitor_window_3d.png"},{"id":"4","title":"二级目录","img":"images/monitor_window_3d.png"}]}]&＃39;;return ep &＃61; {init: function (obj) {_menu &＃61; eval(&＃39;(&＃39; &＃43; _menu &＃43; &＃39;)&＃39;); var li &＃61;""; $.each(_menu, function (index, element) { li &＃43;&＃61; &＃39;

&＃39; &＃43; element.title &＃43; &＃39;

&＃39;; if(element.submenu!&＃61;null) { li&＃43;&＃61;&＃39;

&＃39;; $.each(element.submenu, function (ind, ele) { li &＃43;&＃61; &＃39;
• &＃39; &＃43; ele.title &＃43; &＃39;
&＃39;; }); li&＃43;&＃61;&＃39;

&＃39;; } li&＃43;&＃61;&＃39;

&＃39;; }); obj.append(li); } } } $.fn.accordion &＃61; function (options) { var pia &＃61; new piano(); pia.init($(this)); return this.each(function () { var accs &＃61; $(this).children(&＃39;li&＃39;); accs.each(reset); accs.click(onClick); var menu_li &＃61; $(".submenu").children("li"); menu_li.each(function (index, element) { $(this).mousemove(function (e) { $(this).siblings().removeClass("hover"); $(this).find("a").css("color", "#fff"); $(this).siblings().find("a").css("color", "#000"); $(this).addClass("hover"); }); }); }); } function onClick() { $(this).siblings(&＃39;li&＃39;).find("ul").each(hide); $(this).find("ul").slideDown(&＃39;normal&＃39;); return false; } function hide() { $(this).slideUp(&＃39;normal&＃39;); } function reset() { $(this).find("ul").hide(); } })(jQuery);