jquery - クリックで属性値を変更し、次のクリックで元に戻す

Question

最初のクリックで #content を #nav に置き換え、2 回目のクリックで #nav を #content に戻したい。トー、それは最初のクリックでのみ機能し、2 回目のクリック後に #content に戻す方法がわかりません。私はまだ jQuery に精通していませんが、学習しようとしています。私が得ることができるすべての助けに感謝します:)

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