Социальный замок

[xfield_lock] 
<div class="sblock">
Скрытый текст появится после лайка в одной из соц сетей.<br>
<table>
  <tr>

    <td style="text-align: center;" >

<g:plusone data-size="medium" callback="plusClick"></g:plusone>

<script type="text/javascript">
 window.___gcfg = {lang: 'ru'};

   (function() {
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
     po.src = 'https://apis.google.com/js/plusone.js';
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
   })();

    function plusClick(data){
 $('#hidden').show();
                        }

 </script>

</td>

    <td style="text-align: center;" >
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ru">Твитнуть</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

  <script type="text/javascript">
   twttr.events.bind('tweet',function (twttr) {
    alert('Спасибо за лайк! Теперь вам доступно скрытое содержимое ')
    $('#hidden').show();

  });
 </script>
</td>
    <td style="text-align: center;" >

<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>

<script type="text/javascript">
  VK.init({apiId: 11111111111111111, onlyWidgets: true});
</script>

<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20});
</script>
<script type="text/javascript">
                        VK.Observer.subscribe('widgets.like.liked',function(){
                                $('#hidden').show();
                        }
                );
                </script>
</td>
    <td style="text-align: center;">
	<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	<div class="fb-like" data-send="true" data-layout="button_count" data-width="150" data-show-faces="true"></div>
	<script type="text/javascript">
  FB.Event.subscribe('edge.create',
    function(response) {
      $('#hidden').show();
    }
);
</script>




	</td>
  </tr>
</table>
</div>

<div id="hidden" style="text-align: left; display: none;" >
<div class="hideshow">
[xvalue_lock]
</div>
</div>

[/xfield_lock]

.hideshow {
background: #fdf2c0;
font-size: 17px;
padding: 10px;
color: #5b5a44;
border-left: 5px solid rgb(0, 143, 34);
}

.sblock {
background: rgb(225, 229, 230);
float: left;
color: rgb(238, 26, 51);
border: 0px;
font-size: 18px;
padding: 10px 25px;
border-left: 5px solid rgb(255, 27, 27);
}