Afficher ou masquer la ligne de la table si la case est cochée

Je veux cacher une ligne de la table (avec des champs de saisie à l'intérieur) lorsqu'une case est cochée.
J'ai trouvé quelque chose qui fonctionne:

HTML

<table>
    <tr id="row">
        <td><input type="text"></td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="checkbox">Hide inputs</td>
    </tr>
</table>

Script

$(document).ready(function () {
    $('#checkbox').change(function () {
        if (!this.checked) 
            $('#row').fadeIn('slow');
        else 
            $('#row').fadeOut('slow');
    });
});

Violon

Mais cela ne fonctionne que si la case n'est pas déjà cochée. Donc, si la case est cochée au début, je veux la ligne de la table pour être caché. Comment puis-je faire cela?

Veuillez noter que je ne connais pas beaucoup de choses à propos de JavaScript, mais j'ai vraiment besoin de cette

Ce type de question a été posée ici tant de fois déjà...
Apparemment, Google est un art perdu.
Apparemment, les fonctions de recherche en général

OriginalL'auteur Duncan Luk | 2014-12-23