Javascript 如何在切换类中显示不同的工具提示文本
我有一个“显示”按钮。当用户单击该按钮时,将出现一个隐藏的div,该show按钮将转换为“Hide”按钮。当鼠标悬停在“显示”按钮图标上时,会出现一个工具提示,上面写着:“全部显示”。现在,我需要,当“显示”按钮图标转换为“隐藏”按钮图标时,工具提示文本也将转换为“全部隐藏”。我怎么做这个?这是我的 每次单击都会将Javascript 如何在切换类中显示不同的工具提示文本,javascript,jquery,tooltip,Javascript,Jquery,Tooltip,我有一个“显示”按钮。当用户单击该按钮时,将出现一个隐藏的div,该show按钮将转换为“Hide”按钮。当鼠标悬停在“显示”按钮图标上时,会出现一个工具提示,上面写着:“全部显示”。现在,我需要,当“显示”按钮图标转换为“隐藏”按钮图标时,工具提示文本也将转换为“全部隐藏”。我怎么做这个?这是我的 每次单击都会将toggleStateboolean值切换为true和false。所以第一次它为false,所以它将标题设置为“隐藏所有”。下次它是真的,所以它设置为“全部显示”。等等 小提琴: $(
toggleState
boolean值切换为true和false。所以第一次它为false,所以它将标题设置为“隐藏所有”。下次它是真的,所以它设置为“全部显示”。等等
小提琴:
$('.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;
});