Изменить метку на основе видимости элемента (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');
});