Angularjs и управляющие меню

Я новичок в Angular и веб-разработке в целом. Я не могу понять, как создать код для моей системы меню более элегантным способом. Я должен каким-то образом найти способ создания функции для управления состоянием меню, чтобы, когда, например, открывается меню 2, меню 1 (или любое другое меню, если на то пошло) закрывается одновременно. У меня есть скрипка, чтобы показать, что мне нужно: https://jsfiddle.net/cm70947/5e3d8j33/

Когда вы смотрите на часть контроллера и продолжаете нажимать, вы получаете идею. Функциональность в порядке, но код в контроллере ужасен для поддержания. Любая помощь высоко ценится!

Html:

  <div ng-app="myApp">
    <div ng-controller="menuController">
        <div id="menuButton" ng-click="openMenu()">MENU - CLICK HERE</div>
        <div class="mainMenu"  ng-class="{'mainMenu_active' : activated}">
            <ul>
                <li ng-click="openFirstMenu()">menu_first</li>
                <li ng-click="openSecondMenu()">menu_second</li>
            </ul>
        </div> 
        <div class="menuFirst" ng-class="{'menuFirst_active' : firstMenuActivated}">THIS IS FIRST MENU</div>
        <div class="menuSecond" ng-class="{'menuSecond_active' : secondMenuActivated}">THIS IS SECOND MENU</div>
    </div>
</div>

контроллер:

 var app = angular.module('myApp', []);
        app.controller('menuController', function($scope){
            $scope.activated = false;
            $scope.openMenu = function() {
                $scope.activated = !$scope.activated;
                $scope.secondMenuActivated = false;
                $scope.firstMenuActivated = false;
            };

            $scope.firstMenuActivated = false;
            $scope.openFirstMenu = function() {
                $scope.firstMenuActivated = !$scope.firstMenuActivated;
                $scope.secondMenuActivated = false;
            };

            $scope.secondMenuActivated = false;
            $scope.openSecondMenu = function() {
                $scope.secondMenuActivated = !$scope.secondMenuActivated;
                $scope.firstMenuActivated = false;
            };

        });