Quelle est la meilleure façon de faire un bouton Suivre comme Twitter Suivre le bouton

Question

Je veux faire un suivi sur un bouton comme Twitter Suivez JQuery, JSON et Ajax

J'utilise de cette façon pour Suivre:

$(function() 
{ 
$("#follow").click(function(){ 
var content_id = $('#content_id').val(); 
var content_type = $('#content_type').val(); 

$.ajax({ 
type: "POST", 
dataType: 'json', 
url: "/memberactions/follow/", 
async:false, 
data:{content_id:content_id, content_type:content_type}, 
success: function(){ 
//$("#loading").ajaxComplete(function(){}).slideUp(); 
$('#follow').fadeOut(200).hide(); 
$('#unfollow').fadeIn(200).show(); 
} 
}); 
return false; 
}); 
}); 

Et cette façon de unfollow

$(function() 
{ 
$("#unfollow").click(function(){ 
var I = $('#content_id').val(); 
var content_type = $('#content_type').val(); 

$.ajax({ 
type: "POST", 
dataType: 'json', 
url: "/memberactions/follow/", 
async:false, 
data:{content_id:content_id, content_type:content_type}, 
success: function(){ 
//$("#loading").ajaxComplete(function(){}).slideUp(); 
$('#unfollow').fadeOut(200).hide(); 
$('#follow').fadeIn(200).show(); 
} 
}); 
return false; 
}); 
}); 

Est-ce la meilleure façon de masquer le suivre le bouton? est-il meilleur moyen de le faire?

Ou pour un attribut suivant dans le comme

<a id="follow-an" href="#" following = "yes" > 

je ne veux pas avoir le bouton de suivi caché dans la page, pour éviter d'avoir le bouton à la fois suivre et unfollow dans la même page, lorsque il suit, seul le unfollow est affiché, et quand il est suit pas, le bouton de suivi est indiqué

Answer 1

J'espère que c'est ce que vous voulez:

HTML:

<button id="button" data-following="false">Follow</button> 

JS:

$("#button").click(function(){ 
    if($(this).attr('data-following') == 'false'){ 
     $(this).attr('data-following', 'true'); 
     $(this).text('Unfollow'); 
    }else if($(this).attr('data-following') == 'true'){ 
     $(this).attr('data-following', 'false'); 
     $(this).text('Follow'); 
    } 
});