Скела

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

.button{
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(255,255,255,1),
                                         rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC); 
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
              0 2px 2px -1px rgba(0, 0, 0, .5),
              0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
}
 
.button:hover{
  background-color: #eee;
  color: #555;
}
 
.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

<input type="submit" name="gosend" value=.....

<input class="button" type="submit" name="gosend" value=...