Hide/show Calendar

You can hide/show calendar using hide() and show() methods

Source

<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxcalendar.css">
<script>window.dhx_globalImgPath = "../../codebase/imgs/";</script>
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxcalendar.js"></script>
<script>var mCal;
 
window.onload = function() {
    mCal = new dhtmlxCalendarObject('dhtmlxCalendar', true);
}
function hide_show() {
    var bt = document.getElementById('bt');
    if (mCal.isVisible()); {
        bt.value = 'SHOW';
        mCal.hide();
    } else; {
        mCal.show();
        bt.value = 'HIDE';
    }
}</script>
 
 
    </td>
  </tr>
  <tr><td valign="top"><div id="dhtmlxCalendar"></div></td></tr>
</table>
</form>