一键更改链接文本和隐藏链接

Question

我真的需要一些指导。

我有 3 个具有 3 个不同 ID 的链接：btn1、btn2 和 btn3。 当我点击 btn2 时，我想更改 btn2 & btn3 上的链接文本，并隐藏 btn1。 当我再次单击 btn2 时，我想在 btn2 和 btn 3 上恢复为原始文本，并显示 btn1。

我已经在 jsfiddle 中开始了这个并尝试了各种选项，但我真的很难过。有人可以给我一些指导吗？谢谢！

http://jsfiddle.net/squirc77/EQFRY/>

Answer 1

试试下面的，你没有说 btn3 中的文本应该是什么，所以我在我的例子中换掉了“重置”和“清除”：

$('#btn2').click(function () {
    var $this = $(this);
    if ($this.text() == 'Search & Save Filter'){
        $this.text('Filter Saved');
        $('#btn3').text('Reset');
        $('#btn1').hide();
    } else {
        $this.text('Search & Save Filter');
        $('#btn3').text('Clear');
        $('#btn1').show();
    }
});

jsFiddle 的更新版本