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');
});