Есть 2 кнопки, выглядят вот так http://prntscr.com/9y3umr
<button type="button" class="btn btn_blue btn_large" id="followUser" title="Подписаться на пользователя" data-login="spendlively">Подписаться</button>
<button type="button" class="btn btn_blue btn_subscribed btn_large" id="unfollowUser" title="Вы подписаны на пользователя" data-login="spendlively">Подписан</button>
Есть профиль пользователя, в стандарте Подписаться и Отписаться.
Так же есть js код
/**
* Подписаться/отписаться от юзера
*/
$('#followUser').click(function(){
var link = $(this);
link.addClass('loading');
var login = $(this).attr('data-login');
$.post('/json/users/follow/', {'login':login}, function(json){
if(json.messages =='ok'){
$('#unfollowUser').removeClass('hidden');
$('#followUser').addClass('hidden');
var followers_count_string = '<a href="/users/'+login+'/subscription/followers/">'+json.followers_count_string+'</a>';
$('#followers_count').html(followers_count_string);
}else{
show_system_error(json);
}
link.removeClass('loading');
},'json');
return false;
});
$('#unfollowUser').click(function(){
var login = $(this).attr('data-login');
var link = $(this);
link.addClass('loading');
$.post('/json/users/unfollow/', {'login':login}, function(json){
if(json.messages =='ok'){
$('#unfollowUser').addClass('hidden');
$('#followUser').removeClass('hidden');
var followers_count_string = json.followers_count > 0 ? '<a href="/users/'+login+'/subscription/followers/">'+json.followers_count_string+'</a>' : json.followers_count_string;
$('#followers_count').html(followers_count_string);
}else{
show_system_error(json);
}
link.removeClass('loading');
},'json');
return false;
});
Собственно изначально должна быть 1 кнопка ( Подписаться ) после того как нажал, она принимает стиль «hidden» соответственно исчезет и на её месте появляется кнопка ( Подписан ) с другим цветом.
Помогите отредактировать js код что бы заработало.
Искренне извиняюсь, возможно действительно туплю...