diff --git a/platform/commonUI/browse/res/templates/browse.html b/platform/commonUI/browse/res/templates/browse.html
index 081785c491..f20c1a3ce1 100644
--- a/platform/commonUI/browse/res/templates/browse.html
+++ b/platform/commonUI/browse/res/templates/browse.html
@@ -19,30 +19,32 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<div id="myElement" content="jquery-wrapper" class="abs holder-all browse-mode holder-hide">
-    <mct-include key="'topbar-browse'"></mct-include>
-    <div class="holder browse-area s-browse-area abs" ng-controller="BrowseController">
-        <mct-split-pane class='contents abs' anchor='left'>
-            <div class='split-pane-component treeview pane browse-manage createtreebtns'>
-                <mct-representation key="'create-button'" mct-object="navigatedObject">
-                </mct-representation>
-                <div class='holder tree-holder abs'>
-                    <mct-representation key="'tree'"
-                                        mct-object="domainObject"
-                                        ng-model="treeModel">
+<div ng-controller="BrowseController">
+    <div content="jquery-wrapper" class="abs holder-all browse-mode holder-hide" ng-class="treeCl ? 'holder-show' : 'holder-hide'">
+        <mct-include key="'topbar-browse'"></mct-include>
+        <div class="holder browse-area s-browse-area abs">
+            <mct-split-pane class='contents abs' anchor='left'>
+                <div class='split-pane-component treeview pane browse-manage createtreebtns'>
+                    <mct-representation key="'create-button'" mct-object="navigatedObject">
                     </mct-representation>
+                    <div class='holder tree-holder abs'>
+                        <mct-representation key="'tree'"
+                                            mct-object="domainObject"
+                                            ng-model="treeModel">
+                        </mct-representation>
+                    </div>
                 </div>
-            </div>
-            <mct-splitter></mct-splitter>
-            <div class='split-pane-component items pane'>
-                <div class='holder abs hider-check' id='content-area'>
-                    <mct-representation mct-object="navigatedObject" key="'browse-object'">
-                    </mct-representation>
+                <mct-splitter></mct-splitter>
+                <div class='split-pane-component items pane'>
+                    <div class='holder abs hider-check' id='content-area'>
+                        <mct-representation mct-object="navigatedObject" key="'browse-object'">
+                        </mct-representation>
+                    </div>
                 </div>
-            </div>
-        </mct-split-pane>
-        <div class="btn s-btn s-icon-btn s-very-subtle key-properties button-hide" 
-                        ng-click="treeSlide()">T</div>        
+            </mct-split-pane>
+            <div class="btn s-btn s-icon-btn s-very-subtle key-properties button-hide" 
+                            ng-click="treeSlide()">T</div>        
+        </div>
+        <mct-include key="'bottombar'"></mct-include>
     </div>
-    <mct-include key="'bottombar'"></mct-include>
 </div>
diff --git a/platform/commonUI/browse/src/BrowseController.js b/platform/commonUI/browse/src/BrowseController.js
index fd18e385ab..22330e5671 100644
--- a/platform/commonUI/browse/src/BrowseController.js
+++ b/platform/commonUI/browse/src/BrowseController.js
@@ -142,18 +142,10 @@ define(
             };
             
             $scope.treeSlide = function () {
-                console.log("Clicked");
-                if (document.getElementById("myElement").
-                        className.match(/(?:^|\s)holder-hide(?!\S)/)) {
-                    document.getElementById("myElement").className =
-                        document.getElementById("myElement")
-                        .className.replace(/(?:^|\s)holder-hide(?!\S)/g, '');
-                    document.getElementById("myElement").className += " holder-show";
-                } else {
-                    document.getElementById("myElement").className =
-                        document.getElementById("myElement")
-                        .className.replace(/(?:^|\s)holder-show(?!\S)/g, '');
-                    document.getElementById("myElement").className += " holder-hide";
+                if ($scope.treeCl) {
+                    $scope.treeCl = false;
+                } else if (!$scope.treeCl) {
+                    $scope.treeCl = true;
                 }
             };