replaceWith（）を使用してボタンを別のものに置き換える

Question

これで、私のフォロワーリストを見てユーザーのフォローまたはアンフォローを可能にする2つのボタンがあります。たとえば、誰かが既にフォロワーにいるときは、フォローフォルトボタンが表示され、そうでない場合はフォローボタンが表示されます。

followProfile: function (e) { 
    var personalData = $('#personal-information').serializeObject(); 
    var postParams = { 
     csrfmiddlewaretoken: $.cookie('csrftoken'), 
     personal_data: JSON.stringify(personalData) 
    }; 

    $.post('/follow/', postParams, function(resp) { 
     $(".follow-button").replaceWith($(".unfollow-button").show()); 
    }) 
}, 
unfollowProfile: function (e) { 
    var personalData = $('#personal-information').serializeObject(); 
    var postParams = { 
     csrfmiddlewaretoken: $.cookie('csrftoken'), 
     personal_data: JSON.stringify(personalData) 
    }; 

    $.post('/unfollow/', postParams, function(resp) { 
     $(".unfollow-button").replaceWith($(".follow-button").show()); 
    }) 
}, 

ここに問題があります。誰かに従うためにクリックすると、ボタンが変わり、アンフォローになります。しかし、再びunfollowをクリックすると、ボタンが消えます。私はJavascriptとBackbone.jsの新機能ですので、以前はこのメソッドを使用していませんでした。ボタンが消える理由を教えてください。ここで何が間違っていますか？

明確化：私が呼ぶとき、それは正確に従うことをフォローし置き換え、「アンフォロー」（今では従ってあります）。しかし、ここをクリックすると、「unfollow」ボタンを書く代わりに、ボタンが消えます。

Answer 1

.show()は、.replaceWith()関数が期待するJQueryObjectを返しません。

$.post('/unfollow/', postParams, function(resp) { 
    var followButton = $(".follow-button"); 
    $(".unfollow-button").replaceWith(followButton); 
    followButton.show(); 
}) 

Answer 2

私はそれを単純に使って解決しました。

$.post('/unfollow/', postParams, function(resp) { 
    document.getElementById('twitter-follow-button').style.display = 'inline'; 
    document.getElementById('twitter-unfollow-button').style.display = 'none'; 

}) 
$.post('/follow/', postParams, function(resp) { 
    document.getElementById('twitter-follow-button').style.display = 'none'; 
    document.getElementById('twitter-unfollow-button').style.display = 'inline'; 

}) 

私はこのボタンを保存する必要があるので、これは私にとってより簡単で優れた解決策だと思います。私が理解する限り、replaceWith（）はボタンを保持しません。

多くのありがとうございます。