在點擊時更改屬性值，然後再次點擊更改

Question

我想在第一次點擊時用#nav替換#content，然後在第二次點擊後，我想要將#nav改回#content。這隻適用於第一次點擊，我不知道如何在第二次點擊後將其更改回#content。我還沒有在jQuery尖銳，但我試圖學習。我感謝所有幫助我能:)

$('.webbActive').click(function() { 
    if ($(this).attr('href', '#content')) { 
     $(this).attr('href', '#nav'); 
    } 
    else { 
     $(this).attr('href', '#content'); 
    } 
    }); 

Answer 1

你是不是在你的，如果你正在改變它比較href屬性與#content。 要從元素中獲取值，必須使用一個參數調用attr：屬性的名稱（檢查doc）。試試這個：

$('.webbActive').click(function() { 
    if ($(this).attr('href') === '#content') { 
     $(this).attr('href', '#nav'); 
    } 
    else { 
     $(this).attr('href', '#content'); 
    } 
    }); 

Answer 2

應該if ($(this).attr('href') == '#content')

Answer 3

您需要首先改變你如果條件爲：

$('.webbActive').click(function() { 
if ($(this).attr('href') == "#content") { 
    $(this).attr('href', '#nav'); 
} 
else { 
    $(this).attr('href', '#content'); 
} 
});