blocked template

HTML

<script src="http://rawgithub.com/imShara/jslock/master/lock.min.js"></script>
<button id="test">
<span class="textCal btn-show" data-mon="true"></span>
</button>
<div id="calendar"></div>

CSS

#calendar {
  width: 200px;
  height: 200px;
  background-color: #000;
  display: none;
  transition: 3s;
}
.btn-show:before {
  content: 'показать';
}
.btn-hide:before {
  content: 'скрыть';
}

JavaScript

$('#test').click(function () {
	$('#calendar').toggle();
  $('.textCal').toggleClass('btn-show, btn-hide');
});