我有一个“显示”按钮。当用户单击该按钮时,将显示隐藏的div,并且该显示按钮将转换为“隐藏”按钮。在悬停在“显示”按钮图标上时,工具提示会出现:“全部显示”。现在,我需要,当“显示”按钮图标转换为“隐藏”按钮图标时,工具提示文本也将转换为“全部隐藏”。我该怎么做?这是我的fiddle work
$('.show').click(function() {
$(".text").toggle();
$(this).toggleClass('hide');
})
答案 0 :(得分:1)
var toggleState = false;
$('.show').click(function() {
$('.text').toggle();
$(this).toggleClass('hide').attr('title', toggleState ? 'Show All' : 'Hide All');
toggleState = !toggleState;
});
每次点击都会将toggleState
布尔值交换为true和false。所以第一次它是假的,所以它将标题设置为'全部隐藏'。下次确实如此,它设置为“全部显示”。等等。