DHTMLX Docs & Samples Explorer

### 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>