diff --git a/apps/presentationeditor/main/app/controller/Animation.js b/apps/presentationeditor/main/app/controller/Animation.js
index ff43abbe4d..f552d2204a 100644
--- a/apps/presentationeditor/main/app/controller/Animation.js
+++ b/apps/presentationeditor/main/app/controller/Animation.js
@@ -112,6 +112,7 @@ define([
             this.api.asc_registerCallback('asc_onAnimPreviewStarted',   _.bind(this.onAnimPreviewStarted, this));
             this.api.asc_registerCallback('asc_onAnimPreviewFinished',  _.bind(this.onAnimPreviewFinished, this));
             this.api.asc_onShowAnimTab(!!this._state.onactivetab)
+            this.api.asc_registerCallback('asc_onCloseAnimPane',        _.bind(this.onCloseAnimPane, this));
             return this;
         },
 
@@ -172,7 +173,12 @@ define([
             this.addNewEffect(this._state.Effect, this._state.EffectGroup, groupName,true, this._state.EffectOption, undefined, color);
         },
 
-        onAnimationPane: function() {
+        onAnimationPane: function(btn) {
+            this.api.asc_ShowAnimPane(btn.pressed);
+        },
+
+        onCloseAnimPane: function () {
+            this.view.btnAnimationPane.toggle(false, true);
         },
 
         onAnimationAdditional: function(replace) { // replace or add new additional effect
diff --git a/apps/presentationeditor/main/app/view/Animation.js b/apps/presentationeditor/main/app/view/Animation.js
index d38474232c..a4088ec8a6 100644
--- a/apps/presentationeditor/main/app/view/Animation.js
+++ b/apps/presentationeditor/main/app/view/Animation.js
@@ -276,6 +276,7 @@ define([
                     caption: this.txtAnimationPane,
                     iconCls: 'toolbar__icon icon',
                     lock: [_set.slideDeleted, _set.noSlides, _set.timingLock],
+                    enableToggle: true,
                     dataHint: '1',
                     dataHintDirection: 'bottom',
                     dataHintOffset: 'small'