A caixa de seleção mostra o campo oculto - não está funcionando onload

Estou usando esse javascript provavelmente feio para mostrar uma caixa de texto (em uma tag li mais seu rótulo) se uma caixa de seleção estiver marcada.

   $("#li-2-21").css("display","none");
   $("#Languages-spoken-and-understood-8").click(function(){
    if ($("#Languages-spoken-and-understood-8").is(":checked"))
    {
        $("#li-2-21").show("fast");
    }
    else
    {     
        $("#li-2-21").hide("fast");
    }
  });

Isso funciona bem, mas não funciona se uma página for carregada e a caixa de seleção já estiver marcada porque o # li-2-21 é oculto automaticamente.

Preciso criar uma função que leia o estado da caixa de seleção? Ou existe uma maneira mais simples?

Ah, e também sinta-se livre para encurtar esse código feio, acho que há uma maneira mais curta de alcançar meu objetivo? Muito obrigado pela sua ajuda!

questionAnswers(3)

yourAnswerToTheQuestion