JQUERY: text in span veranderen adhv toggle state

[phobia]

Goeden avond beste Helpers,

ik heb een klein script welke zorgt dat als er meer dan 10 <li> in een <ul> staan
dat met door op de span te klikken de lijst in zijn geheel te kunnen zien.

Maar nu wil ik dat aan de hand van de toggle state de text in de span veranderd van
-> Meer nieuwsbrieven <-
naar
-> Nieuwsbrieven verbergen <-

Maar ik weet niet hoe ik het moet oplossen.
Kan iemand mij in de juiste richting helpen?

[JS] if($('.nieuwsbrief > li').length > 10)
{
$('.nieuwsbrief li').hide()
.slice(0,10)
.addClass('fixed')
.show();
$('<span class="toggle">-> Meer nieuwsbrieven <-<span>')
.prependTo('.nieuwsbrief')
.click( function() {
$('li:not(.fixed)').toggle()

});
}[/JS]

 

[phobia]

de hele week aan het puzzelen geweest en nu wel de oplossing gevonden.

[JS] if($('.nieuwsbrief > li').length > 10)
{
$('.nieuwsbrief li').hide()
.slice(0,10)
.addClass('fixed')
.show();
$('<span class="toggle">-> Klik hier voor meer nieuwsbrieven <-<span>')
.prependTo('.nieuwsbrief')
.click( function() {
$('li:not(.fixed)').toggle()
$(this).text($(this).text() == '-> Klik hier voor meer nieuwsbrieven <-' ? '-> Klik hier om de nieuwsbrieven te verbergen <-' : '-> Klik hier voor meer nieuwsbrieven <-'); // <- DE OPLOSSING
return false;

});
}[/JS]