SO - 18307323

by Arun P Johny

HTML

<fieldset class="question">
    <label for="coupon_question">Do you have a coupon?</label>
    <input class="coupon_question" type="checkbox" name="coupon_question" value="1" />
    <span class="item-text">Yes</span>
</fieldset>

<fieldset class="answer">
    <label for="coupon_field">Your coupon:</label>
    <input type="text" name="coupon_field" id="coupon_field"/>
</fieldset>

JavaScript

$(document).ready(function(){
    //Register click events to all checkboxes inside question element
    $(document).on('click', '.question input:checkbox', function() {
        //Find the next answer element to the question and based on the checked status call either show or hide method
        $(this).closest('.question').next('.answer')[this.checked? 'show' : 'hide']()
    });
    
});