Question

Anybody have a better way to write this jquery method. If a user comes to the page and the checkbox is checked, show else hide, but if the user clicks the checkbox then display.

$('#rush').is(':checked') ? $("#rushJustificationContainer").show() : $("#rushJustificationContainer").hide();

$('#rush').click(function() {
    $("#rushJustificationContainer").toggle(this.checked);
});

Answer 1

use this

document.ready(function(){
    myToggle($('#rush').is(':checked'));
}

$('#rush').click(function(){
    myToggle(this.checked);
}

function myToggle(isChecked) {
    if(isChecked) {
        $("#rushJustificationContainer").show();
    } else {
        $("#rushJustificationContainer").hide();
    }
}