jquery - 要素の可視性に基づいてラベルを変更する (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');
});