Изменить ярлык на основе видимости элемента (JQuery)

Question

HTML:

<a href="#">Show next element</a> 
<div>content</div> 

JQuery:

$('a').toggle(function() { 
    $(this).next().show(); 
}, 
function() { 
    $(this).next().hide(); 
}); 

Как изменить выше JQuery, так что также изменяет "Показать" в ссылке " Скрыть ", когда элемент виден?

Спасибо!

Answer 1

не был проверен ...

$('a').toggle(function() { 
    $(this).next().show(); 
    $(this).html("Hide next element"); 
}, 
function() { 
    $(this).next().hide(); 
    $(this).html("Show next element"); 
}); 

Answer 2

$('a').toggle(function() { 

    $(this).next().show(); 
    $(this).html('Hide next element'); 
}, 
function() { 
    $(this).next().hide(); 
    $(this).html('Show next element'); 
});