อยากทราบเรื่องการซ่อนการโชว์ textbox ตอนที่เราจะedit

<div class="control-group">
			    <div style="float:left">
					<label for="pay1"><input type="radio" name="typecash" value="1" {{$bank->typecash=="1" ? 'checked' : ''}} id="pay1">ส่วนลดเมื่อผ่อน &nbsp;&nbsp; &nbsp;</label>
				</div>
				<div>
					<label for="pay2">
					<input type="radio" name="typecash" value="2" {{$bank->typecash=="2" ? 'checked' : ''}} id="pay2">ส่วนลดเมื่อใช้บัตร</label>
				</div>
					<div style="float:left" id="dis1"><br>
						<label for="dis1">ยอดเงิน&nbsp;&nbsp;<input type="text" id="price" name="price" value="{{ $bank->price }}" class="span5"></label>
					</div>
					<div><br>
						<label for="discount">&nbsp;ส่วนลด&nbsp;&nbsp;<input type="text" id="discount" name="discount" value="{{ $bank->discount }}" class="span2" required> % </label>
					</div>
                    
			</div>	


Code (JavaScript)
 $(document).ready(function(){
  $('input[name="typecash"]').on('click',function(){
   if($(this).val() === '1'){
    $('#dis1').show();
   }else{
    $('#dis1').val('').hide();
   }
  });
 });