jQuery-Plugin zur Implementierung des sekundären Akkordeonmenüs

<div id="Akkordeon">
    <div>
        <p>Menü der ersten Ebene</p>
        <div>
            <p>Sekundäres Menü</p>
            <p>Sekundäres Menü</p>
            <p>Sekundäres Menü</p>
        </div>
    </div>
    <div>
        <p>Menü der ersten Ebene</p>
        <div>
            <p>Sekundäres Menü</p>
            <p>Sekundäres Menü</p>
            <p>Sekundäres Menü</p>
        </div>
    </div>
    <div>
        <p>Menü der ersten Ebene</p>
        <div>
            <p>Sekundäres Menü</p>
            <p>Sekundäres Menü</p>
            <p>Sekundäres Menü</p>
        </div>
    </div>
</div>

<Skripttyp="text/javascript">
    $("#accordion").accordion();
</Skript>

*{Polsterung: 0;Rand: 0;}
#Akkordeon{
    Breite: 200px;
    Rand: 0 automatisch;
    Rand: 1px durchgehend weißer Rauch;
}
#accordion .list1>p{
    Polsterung: 10px 15px;
    Schriftart: 20px „Microsoft YaHei“;
    Schriftstärke: fett;
    Hintergrund: weißer Rauch;
    Cursor: Zeiger;
}
#accordion .list1>p:hover{
    Hintergrund: hellhimmelblau;
}
#accordion .list2>p{
    Polsterung: 10px 25px;
    Schriftart: 15px „Microsoft YaHei“;
    Cursor: Zeiger;
}
#accordion .list2>p:hover{
    Hintergrund: hellhimmelblau;
}
#accordion .list2{
    Anzeige: keine;
}

jQuery.fn.accordion = Funktion(){
    var $accordion = $(dies);
    $accordion.children().addClass("Liste1");
    $accordion.children().children("div").addClass("list2");
    $accordion.on("klicken",".list1>p",function(){
        wenn($(this).next(".list2").is(":sichtbar")){
            $(diese).nächste(".list2").slideUp();
        }anders{
            $(this).next(".list2").slideDown();
            $(diese).parent().siblings(".list1").children(".list2").slideUp();
        }
    });
}