<style> .del { display: none; } .del:not(:checked) + label + * { display: none; }   /* тут редактируем вид кнопки */ .del:not(:checked) + label, .del:checked + label { display: inline-block; padding: 2px 10px; border-radius: 2px; color: #fff; background: #4e6473; cursor: pointer; } .del:checked + label { background: #e36443; } </style>   <input type="checkbox" id="raz" class="del"/> <label for="raz" class="del">Показать скрытый текст</label><div> <strong>Скрытый текст</strong> </div>   

   $('#text).on('click', function(){   $('#text).fadeIn();   if('#text').css('display', 'block')) {    $('#text').fadeOut();   } });