Click like to hide!

Hi,

This website here, http://goo.gl/xfZ4d has a bar at the top of the page and it says click “like” to hide this bar with the facebook like button on it. When the user clicks on facebook like, the bar hides and the facebook like amount increases.

How do we achieve this? Any ideas guys??

I am attaching the screenshot in case the website puts out this bar by the time you guys check it out.

Probably a jquery command, something like

$(a.facebook-like).click() {
  $(div.banner).slideUp();
}

I had a quick look at the source code and it seems that they are using the FB API to see when their page is “liked” by subscribing to the “edge.create” event.

See http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe

it does really work