code: function(reason) {  
              if(!this.tip() || !this.tip().is(':visible') || !this.$element.hasClass('editable-open')) {
                  return;
              }
              
              //if form is saving value, schedule hide
              if(this.$form.data('editableform').isSaving) {
                  this.delayedHide = {reason: reason};
                  return;    
              } else {
                  this.delayedHide = false;
              }
  
              this.$element.removeClass('editable-open');   
              this.innerHide();
  
              /**
              Fired when container was hidden. It occurs on both save or cancel.  
              **Note:** Bootstrap popover has own `hidden` event that now cannot be separated from x-editable's one.
              The workaround is to check `arguments.length` that is always `2` for x-editable. 
  
              @event hidden 
              @param {object} event event object
              @param {string} reason Reason caused hiding. Can be <code>save|cancel|onblur|nochange|manual</code>
              @example
              $('#username').on('hidden', function(e, reason) {
                  if(reason === 'save' || reason === 'cancel') {
                      //auto-open next editable
                      $(this).closest('tr').next().find('.editable').editable('show');
                  } 
              });
              **/
              this.$element.triggerHandler('hidden', reason || 'manual');   
          }
docs: Hides container with form
  @method hide()
  @param {string} reason Reason caused hiding. Can be <code>save|cancel|onblur|nochange|undefined (=manual)</code>