jquery手风琴特效插件

2020-05-18 08:42:47易采站长站整理

        pia.init($(this));
        return this.each(function () {
            var accs = $(this).children(‘li’);
             accs.each(reset);
            accs.click(onClick);
            var menu_li = $(“.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(‘li’).find(“ul”).each(hide);
        $(this).find(“ul”).slideDown(‘normal’);
        return false;
    }
    function hide() {
        $(this).slideUp(‘normal’);
    }
    function reset() {
        $(this).find(“ul”).hide();
    }
})(jQuery);

html调用方式


<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>无标题文档</title>
<script src=”jquery-1.8.0.min.js”></script>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<script src=”accordion.js”></script>
<script type=”text/javascript”>