更改触发器文本

Question

$("a.question").click(function () {
    var $this = $(this);
    $this.next(".answer").slideToggle('fast', function () {
        $this.text($(this).is(':visible') ? "Show Question" : "Hide Question");
    });
});

小提琴:http://jsfiddle.net/9tSww/1/

. .现在这几乎可以工作了，除了当你第一次点击触发器时，它现在不更新标签，它只从第二次点击开始工作。

Answer 1

请使用以下格式。

var $this = $(this);
$this.next(".answer").slideToggle('fast', function () {
  $this.text(function(i, text) {
    return text == 'Show Question' ? 'Hide Question' : 'Show Question';
  });
});

Answer 2

$(this).is(':visible')

!$(this).is(':visible')

Answer 3

或者将:visible改为:hidden

http://jsfiddle.net/9tSww/2/