Check you like, FB.api, javascript SDK

Fork of http://jsfiddle.net/dwarfy/X4bn6/ (use deprecated methods). Discussion http://stackoverflow.com/questions/6246449/facebook-how-to-check-if-user-has-liked-page-and-show-content

by mhctoledo

HTML

<div id="fb-root"></div>
<script src="http://connect.facebook.net/es_ES/all.js"></script>
<script>
  FB.init({
    appId  : '179378788777832',
    status : true, 
    cookie : true, 
    xfbml  : true  
  });
</script>
<div id="container_notlike">
YOU DONT LIKE
</div>
<div id="container_like">
YOU LIKE
</div>

CSS

#container_notlike, #container_like {
    display:none
}

JavaScript

$(document).ready(function() {
    FB.login(function(response) {
        if (response.status == 'connected') {
            var user_id = response.authResponse.userID;
            var page_id = "40796308305"; // coca cola page https://www.facebook.com/cocacola
            var fql_query = "SELECT uid FROM page_fan WHERE page_id=" + page_id + " and uid=" + user_id;
          
            FB.api('/me/likes/'+page_id, function(response) {
                if (response.data[0]) {
                    $("#container_like").show();
                } else {
                    $("#container_notlike").show();
                }
            });
        } else {
            // user is not logged in
        }
    });
});