質問
私はリンクの上にテキストを切り替えるために、このコードを使用してみます:
var showText="<span>Open</span> ↓";
var hideText="<span>Close</span> ↑";
$('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);
});
しかし、それは動作しません!同様に、通常であれば...他の建設など。誰かがここで間違っているものを私にポイントしてもらえます。ありがとう!
解決
toggle
ヘルパー関数を使用します:
var showText="<span>Open</span> ↓";
var hideText="<span>Close</span> ↑";
$('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
のドキュメントから:
マッチした要素がクリックされるたびに、 最初に指定された関数は、発射されます もう一度クリックすると、第二は、 解雇。後続のすべてのクリックを続けます 二つの機能を介して回転する。
所属していません StackOverflow