       data: { phone_verification_pin: $("#phone_verification_pin").val() },
       url: "/phone_numbers/verify",
       dataType: "JSON",
-      success: (response) ->
+      beforeSend: ->
+        disablePin()
+      success: (response) ->
+        enablePin()
         $("#phone-number-input").html(response.html_content)
-        $('#phone-number-verification').toggle()
-        $('#phone-number-input').toggle()
+        $('#phone-number-verification').toggle('slide')
+        $('#phone-number-input').toggle('slide')
         showSuccessMessage("Thank you! Your phone number is now verified")
       error: (xhr, status, error) ->
+        enablePin()
+        $("#phone_verification_pin").val('')
+        $('#phone_verification_pin').focus()
         showErrorMessages xhr.responseJSON.error
 
   $(document).on "click", "#add-funds-button", (e) ->

      type: "POST",
      url: "/phone_numbers/resend",
      dataType: "JSON",
      success: (response) ->
        showSuccessMessage("PIN has been resent")
      error: (xhr, status, error) ->
        showErrorMessages xhr.responseJSON.error
  
  $(document).on "click", "#confirm-phone-pin", (e) ->

  
  $('#phone-number-verification').hide()
  
  disablePhone = ->
    # $(phone_btn).text("Please wait...")
    $(phone_btn).attr('disabled', 'disabled')
    $(phone_num).attr('disabled', 'disabled')

  enablePhone = ->
    $(phone_num).removeAttr('disabled')
    $(phone_btn).removeAttr('disabled')
    # $(phone_btn).text("Verify")
  
  disablePin = ->
    # $(pin_btn).text("Please wait...")
    $(pin_btn).attr('disabled', 'disabled')
    $(pin_num).attr('disabled', 'disabled')
    $(more_btn).attr('disabled', 'disabled')

  enablePin = ->
    $(pin_num).removeAttr('disabled')
    $(more_btn).removeAttr('disabled')
    $(pin_btn).removeAttr('disabled')
    # $(pin_btn).text("Confirm")
  
  $(document).on "click", "#verify-phone-button", (e) ->
    e.preventDefault()
    $.ajax
