Checkbox shows hidden field - not working onload

Question

I am using this probably ugly javascript to show a text box (in a li tag plus its label) if a checkbox is checked.

   $(\"#li-2-21\").css(\"display\",\"none\");
         


        

Answer 1

Just call the function immediately upon defining it's function. Example:

   $("#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");
    }
  }).click();