checkbox hide/show form

by Akram kamal

HTML

<input name="chkUseSignupInfo" type="checkbox" class="check" id="chkUseSignupInfo"/>
<label for="chkUseSignupInfo">Check if CC billing address is different. 
</label><br /><br /> 


<div class="ccaddress">
                         
<label> 
<input name="txtCCFirstName" type="text" class="gm-input-text-short" id="txtCCFirstName" onFocus="if (this.value == 'First Name') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'First Name';}" value="First Name" />
        </label>
        <label>
        <input name="txtCCLastName" type="text" id="txtCCLastName" class="gm-input-text-short" onFocus="if (this.value == 'Last Name') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Last Name';}" value="Last Name" />
            </label> 
                        <label>
            <input name="txtCCAddress" type="text" id="txtCCAddress" class="gm-input-text-short" onFocus="if (this.value == 'Address') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Address';}" value="Address" />
            </label>            
                            <label>
              <input name="txtCCCity" type="text" id="txtCCCity" class="gm-input-text-short" onFocus="if (this.value == 'City') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'City';}" value="City" />
              </label><br />

            <select name="ddCCState" id="ddCCState" class="gm_styled-select">
    <option value="Select your state" id="Option1">Select your state</option>
    <option value="AK" id="Option2">AK</option>
    <option value="AL" id="Option3">AL</option>
    <option value="AR" id="Option4">AR</option>
    <option value="AZ" id="Option5">AZ</option>
    <option value="CA" id="Option6">CA</option>
    <option value="CO" id="Option7">CO</option>
    <option value="CT" id="Option8">CT</option>
    <option value="DC" id="Option9">DC</option>
    <option value="DE" id="Option10">DE</option>
    <option value="FL" id="Option11">FL</option>
    <option...

CSS

.ccaddress {
    display: none;
}

JavaScript

$('.check').change(function() {
    if ($(this).attr("checked")) {

        $('.ccaddress').fadeIn();
        return;
    }
    $('.ccaddress').fadeOut();
});