toggle con testo al toggle tra due div

[fradamma]

Ciao a tutti.
Ho il seguente codice, praticamente al click sull'ancora ho uno switch tra i due div con hide e show. Il problema è che, sempre al click, vorrei fare una specie di toggle anche del testo descrittivo che c'è all'interno di "<a href="#" id="element1">Vedi tutto</div>" che diventerebbe "<a href="#" id="element1">Vedi meno</div>"...e via dicendo, alternati....come si può fare?
Grazie mille e buona giornata.

<a href="#" id="element1">Vedi tutto</div>
<div id="element2">2</div>
<div id="element3">3</div>

$(document).ready(function () {
    $('#element3').hide();
    $('#element1').click(function () {
        $('#element2').toggle(400);
        $('#element3').toggle(400);
    });
});

 

[criric]

Ciao, puoi fare in questo modo:
intanto sistema l'html, il tag a si chiude cosi </a>

<a href="#" id="element1">Vedi tutto</a>

poi puoi aggiungere questo controllo nell'evento click

    if($(this).text() == "Vedi tutto")
        $(this).text("Vedi meno");               
    else
        $(this).text("Vedi tutto");

 

[fradamma]

grazie Criric,
ho sbagliato volevo scrivere </a>....sono andato un po troppo veloce nello scrivere
grazie per la risposta. Avevo cmq risolto implementando un metodo jquery. Ti posto il codice:

$.fn.extend({
    		toggleText: function (a, b){
		        var isClicked = false;
		        var that = this;
		        this.click(function (){
		            if (isClicked) { that.text(a); isClicked = false; }
		            else { that.text(b); isClicked = true; }
		        });
		        return this;
		    }
		});

		$('a').toggleText("Vedi tutto ", "Vedi medi meno");

Che ne pensi, può andar bene o potrei aver problemi? Così posso riutilizzare il metodo in tutto il sito o no?
Grazie ancora!

 

[criric]

Così però tutti i link della pagina subiranno la modifica