JQでリンクテキストをトグル問題

Question

私はリンクの上にテキストを切り替えるために、このコードを使用してみます：

var showText="<span>Open</span> &darr;";
var hideText="<span>Close</span> &uarr;";
$('h1').before('<a href="javascript:;" id="hc_toggle_close">' + showText + '</a>');
$('#hc_toggle_close').click(function () {
    $('#hc_toggle_close:contains("Open")').html(hideText);
    $('#hc_toggle_close:contains("Close")').html(showText);
});

しかし、それは動作しません！同様に、通常であれば...他の建設など。誰かがここで間違っているものを私にポイントしてもらえます。ありがとう！

Answer 1

toggleヘルパー関数を使用します：

var showText="<span>Open</span> &darr;";
var hideText="<span>Close</span> &uarr;";
$('h1').before('<a href="javascript:;" id="hc_toggle_close">' + showText + '</a>');
$('#hc_toggle_close').toggle(
  function () {
    $('#hc_toggle_close').html(hideText);
  },
  function () {
    $('#hc_toggle_close').html(showText);
  }
);

toggleのドキュメントから：

  

マッチした要素がクリックされるたびに、   最初に指定された関数は、発射されます   もう一度クリックすると、第二は、   解雇。後続のすべてのクリックを続けます   二つの機能を介して回転する。