我尝试使用此代码切换链接上的文字:
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);
});
但它不起作用!以及通常的if ... else结构。请问有人请指出我这里有什么问题。谢谢!
答案 0 :(得分:0)
使用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
的文档:
每当点击匹配的元素时, 第一个指定的函数被触发, 当再次点击时,第二个是 被解雇。所有后续点击继续 通过两个功能旋转。