如何在切換類中顯示不同的工具提示文本

Question

我有一個“顯示”按鈕。 當用戶單擊該按鈕時，將顯示一個隱藏的div，並且該顯示按鈕轉換為“隱藏”按鈕。 將鼠標懸停在“顯示”按鈕圖標上時，會顯示一個工具提示：“顯示全部”。 現在， 我需要將“顯示”按鈕圖標轉換為“隱藏”按鈕圖標時，工具提示文本也將轉換為“全部隱藏” 。 我該怎么做？ 這是我的小提琴作品

$('.show').click(function() {
    $(".text").toggle();
    $(this).toggleClass('hide');
})

Answer 1

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/