html + css + jquery: alternar mostrar mais / menos texto
Estou trabalhando em um projeto pessoal e estou tendo um pequeno problema:
Este é o meu código de código e atualmente funciona:http://jsfiddle.net/gvM3b/:
$(".show-more").click(function () {
$(this).text("(Show Less)");
$(".text").toggleClass("show-more-height");
});
A questão é que o texto "(Mostrar mais)" muda para "(Mostrar menos)", mas não volta quando necessário.
^ Isso é uma coisa, uma coisa adicional seria se você soubesse como adicionar [...] quando diz mais show mas no texto. Tentando descobrir, mas tive que pedir um pouco de ajuda, sou novo no jquery.
Obrigado!