      if (this.schema.properties[key] && this.schema.properties[key].title)
        labelText = this.schema.properties[key].title;
      else
-@@ -2884,19 +3023,21 @@
+@@ -2884,19 +3056,21 @@
  
      checkbox.checked = key in this.editors;
      checkbox.addEventListener('change',function() {

       this.addproperty_list = document.createElement('div');
       this.addproperty_list.style.width = '295px';
       this.addproperty_list.style.maxHeight = '160px';
@@ -2656,13 +2706,14 @@
       this.addproperty_list.style.overflowX = 'hidden';
       this.addproperty_list.style.paddingLeft = '5px';
       this.addproperty_list.setAttribute('class', 'property-selector');

       this.toggle_button.addEventListener('click',function(e) {
         e.preventDefault();
         e.stopPropagation();
         if(self.collapsed) {
-          self.editor_holder.style.display = '';
+          //self.editor_holder.style.display = '';
+          $(self.editor_holder).slideDown(700);
           self.collapsed = false;
           self.setButtonText(self.toggle_button,'','collapse','Collapse');
+          this.setAttribute('style','margin-top:-8px;');
         }
         else {
-          self.editor_holder.style.display = 'none';
+            //self.editor_holder.style.display = 'none';
+            $(self.editor_holder).slideUp(700);
           self.collapsed = true;
           self.setButtonText(self.toggle_button,'','expand','Expand');
+          this.setAttribute('style','margin-top:0px;');
         }
       });
 
@@ -2754,8 +2893,9 @@
       }
 
       // Edit JSON Button
