html + css + jquery: Przełącz Pokaż więcej / Mniej tekstu

Pracuję nad osobistym projektem i mam mały problem:

To jest mój kod kodu i obecnie działa:http://jsfiddle.net/gvM3b/:

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

Problem polega na tym, że tekst „(Pokaż więcej)” zmienia się na „(Pokaż mniej)”, ale nie przełącza się w razie potrzeby.

^ To jedna rzecz, dodatkową rzeczą byłoby, gdybyś wiedział, jak dodać [...], gdy mówi, że pokazuje więcej, ale na tekście. Próbowałem to rozgryźć, ale musiałem poprosić o odrobinę pomocy, jestem nowy w jquery.

Dzięki!

questionAnswers(5)

yourAnswerToTheQuestion