JSFiddle - React, Tailwind, and code Playground

HTML

<div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; position: absolute; background: #f5ebf7 url(http://i.imgur.com/zVQMs.png); background-position: 0px -13px;" onclick="toggleConfirm(); return false"></div>
<br />
<table height="500px">
    <tr>
        <td>
            <div id="left">
                <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" id="calendar_container">
                    <tbody>
                        <tr>
                            <td class="catLeft" height="25"><span class="genmed module-title"><strong>juli&nbsp;2013</strong></span>
                            </td>
                        </tr>
                        <tr align="center">
                            <td valign="top" class="row1">
                                <table cellpadding="3" cellspacing="1" border="0" class="forumline" style="border:0;">
                                    <tbody>
                                        <tr>
                                            <th style="padding-left:0;padding-right:0;width:14%;text-align:center;">ma</th>
                                            <th style="padding-left:0;padding-right:0;width:14%;text-align:center;">di</th>
                                            <th style="padding-left:0;padding-right:0;width:14%;text-align:center;">wo</th>
                                            <th style="padding-left:0;padding-right:0;width:14%;text-align:center;">do</th>
                                            <th style="padding-left:0;padding-right:0;width:14%;text-align:center;">vr</th>
                                            <th style="padding-left:0;padding-right:0;width:14%;text-align:center;">za</th>
                                            <th style="padding-left:0;padding-right:0;width:14%;text-align:center;">zo</th>
                                        </tr>
              ...

CSS

div#left {
    background: #ffff00;
    width: 180px;
    height: 100%;
}

JavaScript

var width = document.getElementById("left").offsetWidth;
var left = document.getElementById("left").childNodes;

var toggleConfirm = function() {
    if (document.getElementById('left').style.marginTop != "0px") {
        document.getElementById('left').style.marginTop = "0px";
        document.getElementById('left').style.width = "0";
        expand();
        fadeIn(0);
        setTimeout("fadeinforumline()", 700);
        document.getElementById('forum-widget').style.backgroundPosition = "0px 0px";
    } else {
        fadeOut2(100);
        setTimeout("noneforumline()", 700);
        setTimeout("fadeoutleft()", 700);
        document.getElementById('forum-widget').style.backgroundPosition = "0px -13px";
    }
}

function fadeinforumline() {
    for (var i = 0; i < left.length; i++) {
        if (left[i].nodeType != 1) {;
            continue;
        }
        left[i].style.display = "inline";
    }
    fadeIn2(0);
}

function noneforumline() {
    for (var i = 0; i < left.length; i++) {
        if (left[i].nodeType != 1) {;
            continue;
        }
        left[i].style.display = "none";
    }
}

function fadeoutleft() {
    shrink();
    fadeOut(100);
}

// Copyright 2011 francky: www.developerscorner.nl
// See http://bliksekaters.nl/tests/foto-carrousel_vs2.php
// Fading script inspired by: http://hungred.com/how-to/tutorial-how-does-image-fade-in-when-picture-loaded/ 
// Published under Creative Commons License "Attribution-Noncommercial-Share Alike 3.0 Unported"
// Toegestaan is: 
//      kopieren, verspreiden en doorgeven,
//      en bewerking naar eigen smaak; :-)
//      op voorwaarde van opnemen van deze bronvermelding in de broncode;
//      alleen voor niet-commercieel gebruik;
//      verspreiden van een bewerking kan alleen onder dezelfde voorwaarden.
// See: http://creativecommons.org/licenses/by-nc-sa/3.0/nl/ (voor NL tekst)
//  or: http://creativecommons.org/licenses/by-nc-sa/3.0/    (for EN text)
function setBrowser(opacity) {
    var...