我有一个“显示”按钮。当用户单击该按钮时,将显示一个隐藏的div,并且该显示按钮转换为“隐藏”按钮。将鼠标悬停在“显示”按钮图标上时,会出现一个工具提示,上面写着:“全部显示”。现在,我需要将“显示”按钮图标转换为“隐藏”按钮图标时,工具提示文本也将转换为“全部隐藏”。我该怎么做?这是我的小提琴作品
$('.show').click(function() {
$(".text").toggle();
$(this).toggleClass('hide');
})
var toggleState = false;
$('.show').click(function() {
$('.text').toggle();
$(this).toggleClass('hide').attr('title', toggleState ? 'Show All' : 'Hide All');
toggleState = !toggleState;
});
toggleState
每次点击都会将布尔值交换为true和false。因此,第一次是错误的,因此将标题设置为“全部隐藏”。下次是真的,因此将其设置为“显示全部”。等等。
小提琴:http : //jsfiddle.net/y8ZTj/1/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句