div クリックを処理する JQuery があります。div が一度クリックされると、それ自体が非表示になり、別の div が表示されます (そして、バックグラウンドで php スクリプトに投稿されます)。その後もう一度クリックすると、新しい div が非表示になり、新しい div が再び表示され、さらにデータが別のスクリプトに投稿されます。
最初は変更されますが (.f が非表示になり、.uf が表示されます)、'.uf' をクリックしても何も起こりません。
JQuery:
if($('.f').is(":visible")) {
$('#follow').click(function() {
var to_follow = $('.name').attr('id');
$.ajax({
type: "POST",
url: "/bin/rel_p.php",
data: "y=" + to_follow,
success: function() {
$('.f').hide();
$('.uf').show();
}
});
});
}
else {
$('#follow').click(function() {
var to_unfollow = $('.name').attr('id');
$.ajax({
type: "POST",
url: "/bin/relu_p.php",
data: "y=" + to_follow,
success: function() {
$('.uf').hide();
$('.f').show();
}
});
});
}
HTML:
<div id="follow" class="f">
<img src="img/icons/Follow.png">
<h1>Follow</h1>
</div>
<div id="follow" class="uf" style="display:none;">
<img src="img/icons/Unfollow.png">
<h1>Unfollow</h1>
</div>