Wir verwenden Cookies zur Verbesserung der Benutzerfreundlichkeit und zum Verfolgen der Besucherströme mit Matomo (Piwik).
Mehr Infos auf der Datenschutzseite. Du kannst die Cookie-Erlaubnis jederzeit am Ende der Seite widerrufen.

Plugin - jQuery Collapser

Das Plugin vereint u.a. die alten Plugins jTruncate / cutString und bietet noch mehr.

Basic: 4 Grundbeispiele des Plugins collapser

Demo1: Anzahl Zeichen kürzen auf 30

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.

Anwendung Demo1

HTML:

<p class="demo1">
  Lorem ipsum dolor sit amet,
 consectetur adipisicing elit,
 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  Ut enim ad minim veniam,
 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.
</p>

Preset:
$(".demo1").collapser({
            mode: 'chars',
            truncate: 30,
            showText: '<span style="color:red">Zeige mehr</span> (%s)',
            hideText: 'Weniger'
});

 


Anzeige durch Droplet MoreLikeThis