ToggleVisiblility

by Terrance Smith

HTML

<label for="chkval">Test
    <input type="checkbox" id="chkval" />
</label>
<table>
    <tr id="dtValRow">
        <input type="text" id="dtVal" />
    </tr>
</table>

JavaScript

var ToggleVisibilityCheck = function (condition, id) {
    console.log("ToggleVisibilityCheck:condition=" + condition);
    console.log("ToggleVisibilityCheck:id=" + id);

    if (condition) {
        $("#" + id).css("display", "block");
        $("#" + id).css("visibility", "visible");
    } else {
        $("#" + id).css("display", "none");
        $("#" + id).css("visibility", "collapse");
    }
};

var updateStatusCheckbox = $("#chkval");
var dateNeededRow = $("#dtVal");

ToggleVisibilityCheck(updateStatusCheckbox.is(":checked"), dateNeededRow.attr("id"));

updateStatusCheckbox.click(function (e) {
    console.log("clicked");
    ToggleVisibilityCheck(updateStatusCheckbox.is(":checked"), dateNeededRow.attr("id"));
});