Add collapsing animation for 2nd level nav menu

Change-Id: Ie60d6c9d0aaff1e6db785a678e38c626925c8799
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/directives/app-navigation.js b/app/common/directives/app-navigation.js
index 6939a3c..a1e912c 100644
--- a/app/common/directives/app-navigation.js
+++ b/app/common/directives/app-navigation.js
@@ -14,16 +14,19 @@
                 'controller': ['$scope', '$location', 'dataService', function($scope, $location, dataService){
                     $scope.change = function(firstLevel){
                         $scope.firstLevel = firstLevel;
-                        $location.path('/'+firstLevel);
-                    }
+                        //$location.path('/'+firstLevel);
+                    };
+                    $scope.closeSubnav = function(){
+                        $scope.firstLevel = '';
+                    };
                     $scope.$watch('showNavigation', function(){
                         var paddingTop = 0;
-                        var urlRoot = $location.path().split("/")[1];
-                        if(urlRoot != ""){
-                            $scope.firstLevel = urlRoot;
-                        }else{
-                            $scope.firstLevel = 'overview';
-                        }
+                        // var urlRoot = $location.path().split("/")[1];
+                        // if(urlRoot != ""){
+                        //     $scope.firstLevel = urlRoot;
+                        // }else{
+                        //     $scope.firstLevel = 'overview';
+                        // }
 
                         if($scope.showNavigation){
                             paddingTop = document.getElementById('header__wrapper').offsetHeight;