Show/hide input field based on checkbox [duplicate]

问题

This question already has answers here:

How do I check whether a checkbox is checked in jQuery? (65 answers)

Closed 5 years ago.

If the checkbox is clicked it will display an input field... so far it it is working, But if the checkbox is unchecked it should hide it, how can i do it?

    <div class="checkbox"> 
    <label class="checkbox-custom"> 
    <input type="checkbox" name="clases" id="clases" value="yes">
    <i class="fa fa-fw fa-square-o"></i> Doy clases particulares/grupales
    </label> 
    </div>


    <div class="input" id="descripcion">
    <label for="exampleInputEmail1">Descripcion</label>
   <textarea type="textarea" rows="7" cols="" class="form-control"  name="descripcion" placeholder="" required></textarea>
    </div>

Here is the script

    <script type="text/javascript">
    $(document).ready(function () {
     $("#descripcion").hide();
    $("#clases").click(function () {
    $("#descripcion").show();
    });
    });
    </script>  

回答1:

$("#clases").change(function () {
   $("#descripcion").toggle();
});

来源：https://stackoverflow.com/questions/25853803/show-hide-input-field-based-on-checkbox