Лайкнул - получи доступ! Надо срочно решение!

 
[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: ХРЕНЕГОЗНАЕТ, 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]

[xfield_lock]и [/xfield_lock] 

 [xvalue_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);
}