代码之家 › 专栏 › 技术社区 › certainlyakey

使用JQ切换链接文本时出现问题

toggle jquery

0

certainlyakey · 技术社区 · 17 年前

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);
});

1 回复 | 直到 17 年前

1

0

Ayman Hourieh 17 年前

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);
  }
);

:

第一个指定函数被触发, 解雇。所有后续点击继续