如何在AngularJS中为折叠菜单调整此JQuery函数？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

angular.module('myApp', [])
  .controller('menuController', function($scope) {
    $scope.isMenuCollapsed = true; // 初始状态为折叠

    $scope.toggleMenu = function() {
      $scope.isMenuCollapsed = !$scope.isMenuCollapsed;
      // 执行其他相应的操作
    };
  });

<div ng-app="myApp" ng-controller="menuController">
  <button ng-click="toggleMenu()">Toggle Menu</button>
  <ul ng-class="{ 'collapsed': isMenuCollapsed, 'expanded': !isMenuCollapsed }">
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
  </ul>
</div>

.collapsed {
  display: none;
}

.expanded {
  display: block;
}