1 files changed, 29 insertions, 2 deletions

diff --git a/js/panels/Timeline/Collapser.js b/js/panels/Timeline/Collapser.js
index 5de884a9..d161cdd7 100644
--- a/js/panels/Timeline/Collapser.js
+++ b/js/panels/Timeline/Collapser.js
@@ -68,7 +68,7 @@ var Montage = require("montage/core/core").Montage,
         },
         
         _bypassAnimation : {
-                value: false
+                value: true
         },
         bypassAnimation: {
                 get: function() {
@@ -169,6 +169,28 @@ var Montage = require("montage/core/core").Montage,
                 }
         },
         
+        _isToggling: {
+                serializable: true,
+                value: true
+        },
+        isToggling: {
+                serializable: true,
+                get: function() {
+                        return this._isToggling;
+                },
+                set: function(newVal) {
+                        if (newVal !== this._isToggling) {
+                                this._isToggling = newVal;
+                                
+                                if (this.bypassAnimation) {
+                                        this.isAnimated = false;
+                                }
+                                this.myContent.classList.remove(this.transitionClass);
+                                this.handleCollapserLabelClick();
+                        }
+                }
+        },
+        
         /* === END: Models === */
         
         /* === BEGIN: Draw cycle === */
@@ -184,6 +206,10 @@ var Montage = require("montage/core/core").Montage,
                         // Get the original value of the overflow property:
                         this._origOverflowValue = window.getComputedStyle(this.myContent, null).getPropertyValue("overflow");
                         
+                        /*
+                         * Removed because of expense. This disables the feature of having the
+                         * component dynamically expand/collapse the content on init based on properties;
+                         * Now default state of component must be set in CSS.
                         // If the content area is supposed to start out collapsed:
                         if (this.isCollapsed) {
                                 this.myContent.style.height = "0px";
@@ -198,6 +224,7 @@ var Montage = require("montage/core/core").Montage,
                                 this.myContent.classList.remove(this.collapsedClass);
                                 this.clicker.classList.remove(this.collapsedClass);
                         }
+                        */
                 }
         },
         draw: {
@@ -316,7 +343,7 @@ var Montage = require("montage/core/core").Montage,
                         }
                         
                         if (this.bypassAnimation) {
-                                this.bypassAnimation = false;
+                                this.bypassAnimation = true;
                                 this.isAnimated = true;
                         }
                 }