Auswahlfeld zeigt ausgeblendetes Element, wenn ausgewählt

Question

Ich habe ein Auswahlfeld, das, wenn ausgewählt, ich ein verstecktes DIV anzeigen möchte. Das scheint nicht zu wecken, also hoffte ich, dass mir jemand mit meiner Syntax helfen könnte.

<input name="Log.NotifySubscribers" class="notify" type="hidden" value="1" onchange="valueChanged()"> 
<label class="lbl" for="Log_NotifySubscribers">Notify Subscribers </label> 
<div class="change"> 
     <input class="input-xxlarge inline" id="Log_ChangeLog" name="Log.ChangeLog" placeholder="What did you change?" type="text" value=""> 
</div> 

<script> 
    $(".change").hide(); 
    $(".notify").click(function() { 
     if($(this).is(":checked")) { 
     $(".change").show(); 
     } else { 
     $(".notify").hide(); 
     } 
    }); 
</script> 

Answer 1

Sie nicht wirklich brauchen JavaScript dafür:

.goodies { 
 
    display: none; 
 
} 
 
input:checked + label + .goodies { 
 
    display: block; 
 
}

<input type="checkbox" id="some-id" /> 
 
<label for="some-id">Show goodies</label> 
 
<div class="goodies">Goodies</div>