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!