アコーディオンセカンダリメニューを実装するためのjQueryプラグイン

<div id="アコーディオン">
    <div>
        <p>第 1 レベルのメニュー</p>
        <div>
            <p>セカンダリメニュー</p>
            <p>セカンダリメニュー</p>
            <p>セカンダリメニュー</p>
        </div>
    </div>
    <div>
        <p>第 1 レベルのメニュー</p>
        <div>
            <p>セカンダリメニュー</p>
            <p>セカンダリメニュー</p>
            <p>セカンダリメニュー</p>
        </div>
    </div>
    <div>
        <p>第 1 レベルのメニュー</p>
        <div>
            <p>セカンダリメニュー</p>
            <p>セカンダリメニュー</p>
            <p>セカンダリメニュー</p>
        </div>
    </div>
</div>

<script type="text/javascript">
    アコーディオン
</スクリプト>

*{パディング: 0;マージン: 0;}
＃アコーディオン{
    幅: 200ピクセル;
    マージン: 0 自動;
    境界線: 1px 実線白スモーク;
}
#アコーディオン .list1>p{
    パディング: 10px 15px;
    フォント: 20px "Microsoft YaHei";
    フォントの太さ: 太字;
    背景: ホワイトスモーク;
    カーソル: ポインタ;
}
#アコーディオン .list1>p:hover{
    背景: ライトスカイブルー;
}
#アコーディオン .list2>p{
    パディング: 10px 25px;
    フォント: 15px "Microsoft YaHei";
    カーソル: ポインタ;
}
#アコーディオン .list2>p:hover{
    背景: ライトスカイブルー;
}
#アコーディオン .list2{
    表示: なし;
}

jQuery.fn.accordion = 関数(){
    var $accordion = $(this);
    $accordion.children().addClass("list1");
    $accordion.children().children("div").addClass("list2");
    $accordion.on("クリック",".list1>p",function(){
        if($(this).next(".list2").is(":visible")){
            $(this).next(".list2").slideUp();
        }それ以外{
            $(this).next(".list2").slideDown();
            $(this).parent().siblings(".list1").children(".list2").slideUp();
        }
    });
}