jquery - トリガーテキストを変更する

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/

..これは、トリガーを最初にクリックしたときを除いて、ほとんど機能します。ラベルは更新されません。2回目にクリックしたときからのみ機能します。

Answer 1

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

に

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

Answer 2

代わりに以下を使用してください。

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

Answer 3

またはに変更:visibleします:hidden

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