javascript - Display a div based on a checkboxes' value -

i have div in form (#sides) want displayed when 1 checkbox (.opp-choice-checkbox) not checked. here's code have right now:

jquery ->   if !$(".opp-choice-checkbox").checked     $("#sides").hide()   $(".opp-choice-checkbox").click ->     $("#sides").slidetoggle() 

a similar question asked lot, difference question when go edit object form for, checkbox checked default. in situation, want div showing when page loaded. code have right hides div default, regardless of whether or not checkbox checked

updated

your code working little update mentioned below, see working fiddle code:

coffeescript :

you have add else in condition show div if checkbox checked :

jquery ->   if !$(".opp-choice-checkbox").is(":checked")     $("#sides").hide()   else     $("#sides").show()    $(".opp-choice-checkbox").click ->     $("#sides").slidetoggle() 

if have chekcked checkbox default, have remove condition , replace coofee code following :

jquery ->   $(".opp-choice-checkbox").change ->     $("#sides").slidetoggle() 

see fiddle here.

i hope help.