JavaScript zum Erzielen eines Texterweiterungs- und -reduzierungseffekts

<ul Klasse="outList">
        <li>
            <div>Nr. 5-14</div>
            <ul Klasse="innereListe">
                <li class="wordsContent">1111111111111111111111</li>
                <li Klasse="WörterInhalt">222222222222222222222222</li>
                <li class="wordsContent">33333333333333333333333</li>
            </ul>
        </li>
        <li>
            <div>Nr. 5-15</div>
            <ul Klasse="innereListe">
                <li class="wordsContent">4444</li>
                <li class="wordsContent">5555555555555555555555555555</li>
                <li class="wordsContent">666666666666666666666666</li>
            </ul>
        </li>
</ul>

ul,li {
   Listenstil: keiner;
 }
.innerList>li {
     Rand unten: 0,2rem;
     Rahmen unten: 0,01rem durchgehend grün;
     Box-Größe: Rahmenbox;
     Polsterung: 0,2rem 5 % 0,7rem 3 %;
     Position: relativ;
     Rand unten: 0,3rem;
 }
 .offen {
     Schriftgröße: 0,22rem;
     Farbe: #12309E;
     Position: absolut;
     rechts: 0,2rem;
     unten: 0,1rem;
     Schriftstärke: fett;
 }
 .schließen {
     Schriftgröße: 0,22rem;
     Farbe: #12309E;
     Position: absolut;
     rechts: 0,2rem;
     unten: 0,1rem;
     Schriftstärke: fett;
 }

//Nachrichten erweitern und reduzieren var objList = $(".wordsContent"); //Die li-Tag-Elemente, die erweitert und reduziert werden müssen var maxNum = 5; //Die Länge des Zielwerts var arr = []; //Alle Texte, die erweitert und reduziert werden müssen objList.delegate(".open", "click", function () {
    öffnenSchließen(true, dies)
})
objList.delegate(".schließen", "klicken", Funktion () {
    öffnenSchließen(false, dies)
})
// Paket initialisieren. Der Zweck der Initialisierung ist 1: den ursprünglichen Inhalt des Li-Tags zu speichern; 2: den Text auszublenden, der den Zielwert überschreitet function init(objList, maxNum) {
    objList.each(Funktion (Index, Element) {
        arr.push($(item_).text())
        wenn ($(item).text().length > maxNum) {
            $(item).html($(item).text().substr(0, maxNum) + "<span class='open'>Erweitern<img src='./image/down^.png'/></span>")
        }
    })
}
init(Objektliste, maxAnzahl)

//Kapselungsfunktion zum Erweitern und Reduzieren openClose(boo, clickObj) {
    var final = '';
    arr.map(Funktion (Element, Index) {
        wenn (item.match($(clickObj).parents(".wordsContent").text().substring(0, $(clickObj).parents(".wordsContent").text().length - 2))) {
            final = Artikel
        }
    })
    wenn (buuuh) {
        $(clickObj).parents(".wordsContent").html(final + "<span class='close'>Zurück<img src='./image/up^.png'/></span>")
    } anders {
        $(clickObj).parents(".wordsContent").html(final.substr(0, maxNum) + "<span class='open'>Erweitern<img src='./image/down^.png'/></span>")
    }
}