Код HTML

&lt;input type=&quot;checkbox&quot; name=&quot;public&quot; id=&quot;public&quot; value=&quot;yes&quot;&gt;

&lt;div id=&quot;hide&quot; style=&quot;display:none;&quot;&gt;
   Содержимое скрытого блока
&lt;/div&gt;

Создали кнопку. Присвоили ей id public. Ниже создали скрытый блок, который и будет открываться при выделении чекбокса.

Код JS

&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function(){
 $(&quot;input#public&quot;).change(function(){

  if ($(this).attr(&quot;checked&quot;)) {
      $(&#039;#hide&#039;).fadeIn().show();
      return;
  } else {
      $(&#039;#hide&#039;).fadeOut(300); 
  }

 });
})
&lt;/script&gt;