html + css + jquery: Mehr / Weniger Text anzeigen umschalten

Ich arbeite an einem persönlichen Projekt und habe ein kleines Problem:

Dies ist mein Code Code und funktioniert derzeit:http://jsfiddle.net/gvM3b/:

$(".show-more").click(function () {
    $(this).text("(Show Less)");
$(".text").toggleClass("show-more-height");
});​

Das Problem ist, dass der Text "(Mehr anzeigen)" in "(Weniger anzeigen)" geändert wird, bei Bedarf jedoch nicht zurückgeschaltet wird.

^ Das ist eine Sache, eine zusätzliche Sache wäre, wenn Sie wissen, [...] wie man das hinzufügt, wenn es mehr zeigt als auf dem Text. Ich habe versucht, es herauszufinden, musste aber um ein wenig Hilfe bitten, ich bin neu in der Abfrage.

Vielen Dank!

Antworten auf die Frage(5)

Ihre Antwort auf die Frage