html + css + jquery: Toggle Show More/Less Text

Question

I\'m working on a personal project and I\'m having a small issue:

This is my code code and currently works: http://jsfiddle.net/gvM3b/:

$(\".show-mor         


        

Answer 1

Here's one more solution:

var i = 0;   

$(".show-more").on('click', function() {
    $(this).text( ++i % 2 ? "(Show Less)" : "(Show More)" );
    $('.text').toggleClass("show-more-height");
});

The fiddle: http://jsfiddle.net/gvM3b/6/